欢迎访问 生活随笔!

尊龙游戏旗舰厅官网

当前位置: 尊龙游戏旗舰厅官网 > 前端技术 > html >内容正文

html

前端事件大全 -尊龙游戏旗舰厅官网

发布时间:2024/10/8 html 24 豆豆
尊龙游戏旗舰厅官网 收集整理的这篇文章主要介绍了 前端事件大全 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

        1.加on的是绑定事件,绑定在某个元素上,当该元素满足事件条件时执行,示例 : 

        2.不加on的是方法,作用是,当调用这个方法的元素满足事件状态时,执行事件方法中的function方法代码

提示:两者用法有些许不同,是两个感念,但本质一样,加on的是在元素中绑定一个在js中写好的方法,不加on是获取一个元素,给他加上事件方法

注意:

        1 . 事件方法中不要直接写代码,要写function(){}方法后在里面写代码

        元素.click(function(){

                执行操作:

        });

        2.onclick绑定的方法不要写在${function(){}}中, 既文档加载完成时执行的代码中,不然调用的那个方法无效,是不执行的,可以自己屡屡思路就知道的缘故

 ( 因为写在文档加载完成时里面的话 , 加载完页面后那个声明在那里面的方法就相当于" 被执行过一遍了 " , 但是因为文档加载完成时里面的代码没有调用那个方法,所以你看到不他执行过后的效果,然后你再在其他地方调用这个已经被执行过然后丢进垃圾缓存里的东西,是找不到的,就算有,对程序而言也没有,就算联想到也没有,不是说js的方法只能被执行一遍就不执行了,是因为他写在加载文档完成时执行了,加载完成时执行一遍后就不会再执行了,简单说,作用域不同 )

事件描述
onclick鼠标点击时触发
ondbclick鼠标双击时触发
onmousedown鼠标按下时触发 (只是按下的瞬间)
onmouseleave鼠标移除事件
onmouseover

鼠标划过,经过,移进时触发

onmousemove

鼠标移动,指的是移动,时触发

(与over的区别在于over只是在移进时触发一次,而move只要鼠标移动就会触发)

onmouseout移开时触发
oncontextmenu鼠标右键菜单展开时触发。 在此事件中 ev.preventdefault() 可阻止右键菜单的弹出。
事件描述
onkeydown键盘被按下动作时触发
onkeyup键盘被松开时触发
onkeypress

某个键盘的键被按下或按住时触发

[ 键盘 < 字符键 ( 除去那些功能键,例如:ctrl shift等 ) > 被按下,而且如果按住不放的话,会重复触发此事件 ]

事件描述
window.onload页面元素(包含图片,多媒体等)加载完成后执行
window.onscroll页面滚动事件
window.onresize窗口或者框架被重新调整大小时
事件描述
onblur失去焦点时(表单验证最常用)
onfocus获得焦点时触发
onchange内容改变且失去焦点时
change状态发生改变事件
oninput内容改变时
onreset重置按钮被点击
onsubmit提交按钮被点击
onselect输入框文本被选中
事件描述
onabort图像加载被中断
ondblclick鼠标双击某个对象
onerror当加载文档或图像时发生某个错
onload某个页面或图像被完成加载
onmouseup某个鼠标按键被松开
onreset重置按钮被点击
onresize窗口或框架被调整尺寸
ondragstart用户开始拖动元素时触发
ondrag元素正在拖动时触发
ondragend用户完成元素拖动后触发
ondragenter当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover当被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop在一个拖动过程中,释放鼠标键时触发此事件

总结

以上是尊龙游戏旗舰厅官网为你收集整理的前端事件大全的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错,欢迎将尊龙游戏旗舰厅官网推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图