介绍
小编给大家分享一下常用的JavaScript事件有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
JavaScript事件:
事件指的就是当某些组件执行了某些操作后,会触发某些代码的执行。
引用>
常用的事件:
属性触发时机onabort图像加载被中断onblur元素失去焦点onchange用户改变域的内容onclick鼠标点击某个对象ondblclick鼠标双击某个对象onerror当加载文档或图像时发生某个错误聚焦事件元素获得焦点onkeydown某个键盘的键被按下onkeypress某个键盘的键被按下或按住onkeyup某个键盘的键被松开onload某个页面或图像被完成加载onmousedown某个鼠标按键被按下onmousemove鼠标被移动onmouseout鼠标从某元素移开onmouseover鼠标被移到某元素之上onmouseup某个鼠标按键被松开onreset重置按钮被点击onresize窗口或框架被调整尺寸onselect文本被选定onsubmit提交按钮被点击onunload用户退出页面事件操作
绑定事件
<强>方式一强>:通过标签中的事件属性进行绑定。
& lt; body> & lt; img id=癶ttps://www.yisu.com/zixun/img", src=" https://cache.yisu.com/upload/information/20211207/112/42675.jpg ">
<按钮id=" " onclick="() ">上一张> 按钮 <按钮id="下" onclick="() ">下一张> 按钮 身体> <>脚本//显示第一张 函数(){ 让img=. getelementbyid (img); img。setAttribute (" src ", " https://cache.yisu.com/upload/information/20211207/112/42675.jpg ") }//显示第二张 函数(){ 让img=. getelementbyid (img); img。setAttribute (“src”、“https://cache.yisu.com/upload/information/20211207/112/42676.jpg%3Fw%3D425%26h%3D320&refer=http%3A%2F%2Fpic4.58cdn.com.cn&app=2002&size=f9999, 10000 q=a80&n=0一些=0 n&fmt=jpeg ?秒=1618451421科技=0310 ddbd6f7cd840299b10dd314572c8”) } 脚本><强>方式二强>:通过DOM元素属性绑定。
& lt; body> & lt; img id=癶ttps://www.yisu.com/zixun/img", src=" https://cache.yisu.com/upload/information/20211207/112/42675.jpg ">
<按钮id=" ">上一张> 按钮 <按钮id="下">下一张> 按钮 身体> <>脚本//显示第一张 函数(){ 让img=. getelementbyid (img); img。setAttribute (" src ", " https://cache.yisu.com/upload/information/20211207/112/42675.jpg ") } 让s=. getelementbyid(“向上”); 年代。onclick=;//显示第二张 函数(){ 让img=. getelementbyid (img); img。setAttribute (“src”、“https://cache.yisu.com/upload/information/20211207/112/42676.jpg%3Fw%3D425%26h%3D320&refer=http%3A%2F%2Fpic4.58cdn.com.cn&app=2002&size=f9999, 10000 q=a80&n=0一些=0 n&fmt=jpeg ?秒=1618451421科技=0310 ddbd6f7cd840299b10dd314572c8”) } 让x=. getelementbyid(“向下”); x。onclick=下来; 脚本>以上是“常用的JavaScript事件有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
常用的JavaScript事件有哪些