首页 > 其他分享 >HTMLDOM样式控制和事件概述

HTMLDOM样式控制和事件概述

时间:2022-10-31 09:56:03浏览次数:60  
标签:鼠标 样式 元素 HTMLDOM 键盘 概述 事件 监听器

HTMLDOM样式控制

控制元素样式

  1.使用元素的style属性来设置

  2.提前定义好类选择器的样式,通过元素的className属性来设置其class属性值。

事件概述

事件监听机制:

  概念:某些组件被执行了某些操作后,除法某些代码的执行。

    事件:某些操作。如:单击,双击,键盘按下了,鼠标移动了

    事件源:组件。如:按钮 文本输入框...

    监听器:代码。

    注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则茶法执行某个监听器代码。

常见的事件:

  1.点击事件:

    1.onclick:单击事件。

    2.ondblclick:双击事件。

  2.焦点事件:

    1.onblur:失去焦点。

    2.onfocus:元素获取的焦点。

  3.加载事件:

    1.onload:一张页面或一幅图像完成加载。

  4.鼠标事件:

    1.onmousedown:鼠标按钮被按下。

    2.onmouseup:鼠标按键被松开。

    3.onmousemove:鼠标被移动。

    4.onmouseover:鼠标移到某元素之上。

    5.onmouseout:鼠标从某元素移开。

  5.键盘事件:

    1.onkeydown:某个键盘按键被按下。

    2.onkeyup:某个键盘按键被松开。

    3.onkeypress:某个键盘按键被按下并松开。

  6.选择和改变:

    1.onchange:域的内容被改变。

    2.onselect:文本被选中。

  7.表单事件:

    1.onsubmit:确认按钮被点击。

    2.onreset:重置按钮被点击。

标签:鼠标,样式,元素,HTMLDOM,键盘,概述,事件,监听器
From: https://www.cnblogs.com/wsfj/p/16843267.html

相关文章

  • 案例4动态表格的删除和HTMLDOM的innerHTML
    案例4动态表格的删除2.删除:1.确定点击的是哪一个超链接<ahref="javascript:void(0);"onclick="delTr(this);">删除</......
  • 【博学谷学习记录】超强总结,用心分享|狂野架构kafka概述
    概述Kafk定义​ 传统上定义是一个分布式的基于发布/订阅模式的消息队列,主要应用在大数据实时处理场景,现在Kafka已经定义为一个分布式流平台,用于数据通道处理,数据流分析,......
  • 「测试开发全栈-HTML」(9)css字体属性之字体粗细和样式
    昨天说了CSS字体属性的大小,font-family,今天我们来一起学习下字体属性的字体粗细font-weight  还是使用昨天的那首诗,让诗句中的最后一句显示粗体,看下效果:可以看到最后......
  • 函数的常见样式/声明(C++/C)
      ============1.无参无返:  2.有参无返:  3.无参有返:  4.有参有返:  _____________________________________________________________________......
  • 【随机过程】随机过系列之随机过程概述
    我尽力了,不要让我挂科!靠,难学到爆炸!!!1.随机过程的定义随机过程X(t)是一组依赖于实参数t的随机变量,t一般具有时间的含义(当然,也可以选取别的测度)。随机过程{X(t),t∈T}可......
  • 英语单词组件- 单词在句子中,上面显示中文下面显示音标 css样式
    原先效果:改进demo效果优化点音标长度超出,或者中文超出,总宽度会按照最长的走居中显示再次优化line-height:22px;加入这个对齐中间行(字号大小会让绝对上下高度,对不齐中间的......
  • C++——智能指针概述
    C++指针分类原始指针(rawpointer)智能指针:智能指针是原始指针的封装,其优点是会自动分配内存,不用担心潜在的内存泄露并不是所有的指针都可以封装成智能指针,很多时候......
  • 644 事件概述 and 645 事件_常见事件演示
    事件==》事件监听机制概念:某些组件被执行了某些操作后,触发某些代码的执行事件:某些操作。如:单击,双击,键盘按下了,鼠标移动了事件源:组件。如:按钮文本输入框......
  • DOM概述和DOM的Document对象获取Element方法
    DOM概述W3C DOM 标准被分为3个不同的部分:核心DOM-针对任何结构化文档的标准模型Document:文档对象Element:元素对象Attribute:属性......
  • 软件工程概述
    软件软件=程序+文档+数据程序:机器指令的集合文档:描述程序操作与使用的文档数据:程序运行时需要使用的信息注意:编程是软件开发活动的核心,但软件开发远比编程要复......