位置: IT常识 - 正文
JavaScript中的点击事件(js点击li)
编辑：rootadminJavaScript中的点击事件 
三、 onmousedown
本文链接地址:https://www.jiuchutong.com/zhishi/295275.html
转载请保留说明！
推荐整理分享JavaScript中的点击事件(js点击li)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js点击,js点语法,javascript 点击,js点击li,javascript 点击,js实现点击效果,js点击li,js点击li,内容如对您有帮助，希望把文章链接给更多的朋友！
JavaScript 事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，可以使用 JavaScript 中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。
本篇文章主要是介绍鼠标、键盘的点击事件。
一、onclick事件该事件是点击鼠标时触发此事件。
<body > <div id="demo"></div> <button type="button" onclick="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>二、 ondblclick该事件是双击鼠标时触发此事件，和onclick事件的区别是，该事件需要连续点击两下。
<body > <div id="demo"></div> <button type="button" ondblclick="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>三、 onmousedown按下鼠标时触发此事件，感觉和onclick事件差不了多少，没啥太多的感觉
四、onmouseup鼠标按下后又松开时触发此事件，如果不松开就会不会弹出对话框，用法和上述也是一样的
<body > <div id="demo"></div> <button type="button" onmouseup="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>五、onmouseover当鼠标移动到某个元素上方时触发此事件，鼠标移出，对话框还在。
<body > <div id="demo"></div> <button type="button" onmouseover="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>六、onmousemove移动鼠标时触发此事件，移出还在，和上述用法感觉差不多。
七、onmouseout当鼠标离开某个元素范围时触发此事件，如果鼠标一直放在那里，就不触发对话框。
<body > <div id="demo"></div> <button type="button" onmouseout="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>八、onkeypress当按下并松开键盘上的某个键时触发此事件，用法和上述差不多。
九、onkeydown当按下键盘上的某个按键时触发此事件
十、onkeyup当放开键盘上的某个按键时触发此事件，在次点击，对话框就会收回
<body > <div id="demo"></div> <button type="button" onkeyup="myBtn()">试一试</button> </body> <script type="text/javascript"> function myBtn(){ alert("hello world") } </script>上一篇：yolov7数据集格式用于目标识别与实例分割(yolov3数据集格式)
下一篇：【Web后端架构】2022年10个最佳Web开发后端框架(web后端开发框架有哪些)