HTML DOM事件

HTML DOM事件

鼠标事件、键盘事件、框架/对象事件、表单事件、剪贴板事件、打印事件、拖动事件、多媒体事件、动画事件、过渡事件、其他事件。

我们用的较多的事件就是:鼠标事件、键盘事件、框架/对象事件和表单事件。
每个事件都有相应的属性,下面就针对这四个事件总结出用的最频繁的属性及其属性的描述。

鼠标事件

onclick 当用户点击某个对象时调用的事件句柄。

oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发

ondblclick 当用户双击某个对象时调用的事件句柄。

onmousedown 鼠标按钮被按下。

onmouseenter 当鼠标指针移动到元素上时触发。不支持事件冒泡

onmouseleave 当鼠标指针移出元素时触发 ,不支持事件冒泡

onmousemove 鼠标被移动。

onmouseover 鼠标移到某元素之上。

onmouseout 鼠标从某元素移开。

onmouseup 鼠标按键被松开。

键盘事件

onkeydown 某个键盘按键被按下。

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

onkeyup 某个键盘按键被松开。

  1. KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将 不会触发KeyUp事件。

  2. KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括 大小写)、小键盘等除了F1­12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、 Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方 向键外的ANSI字符

  3. KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘 的特殊键)

框架/对象事件

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

onresize 窗口或框架被重新调整大小。

表单事件

onblur 元素失去焦点时触发

onchan该事件在表单元素的内容改变时触发( , , , 和 )

onfocus 元素获取焦点时触发

onsubmit 表单提交时触发

猜你喜欢

转载自blog.csdn.net/weixin_44565686/article/details/108455229