当前位置: 代码迷 >> 综合 >> 245、javaScript对象---Html DOM 事件(even) 之点击事件、焦点事件、加载事件、鼠标相关事件、键盘相关事件
  详细解决方案

245、javaScript对象---Html DOM 事件(even) 之点击事件、焦点事件、加载事件、鼠标相关事件、键盘相关事件

热度:59   发布时间:2024-01-26 17:21:47.0

1、点击事件
* 单击事件:onclick
* 双击事件:ondblclick
2、焦点事件
* 元素失去焦点:onblur
* 一般用于表单校验,比如说用户填完当前输入框,准备切换到下一步时,需要校验输入是否正确
* 元素获取焦点:onfocus
3、加载事件:
* onload:一张页面或图片加载完成
(1) 支持该事件的 HTML 标签:<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
(2) 支持该事件的 JavaScript 对象:image, layer, window
(3) 注意:我们在写JS代码是,一般将它下到<body>的最下方,目的是因为流程问题,要让<body>其它部分先运行完,再去执行JS。我们可以使用方式:window.onload = function(){其它JS代码} 来规避这个问题,表示只用当所有页面加载完成了,触发了加载完成事件,我才去注册执行其它JS代码    
4、鼠标相关事件
* onmousedown     鼠标按钮被按下。
* 速表左键、滚轮、右键点击了都会触发这个事件,如果想要知道是哪个被按下了,可以在定义方法时传入形参,然后调用event的button属性来获取。
* 举例:
* onmousemove     鼠标被移动。
* onmouseout     鼠标从某元素移开。
* onmouseover     鼠标移到某元素之上。
* onmouseup
5、键盘相关事件
* onkeydown     某个键盘按键被按下。
* onkeypress     某个键盘按键被按下并松开。
* onkeyup     某个键盘按键被松开。

  相关解决方案