首页IT科技javascript中的基本数据类型有哪些(JavaScript中的点击事件)

javascript中的基本数据类型有哪些(JavaScript中的点击事件)

时间2025-06-19 21:59:52分类IT科技浏览4478
导读: JavaScript 事件(event)是当用户与网页进行交互时发生的事情,例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时,可以使用 JavaScript 中的事件处理程序(也可称为事件监听器)来检测并执行某些特定的程序。...

      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>

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
phpcms文档(phpcms怎么写自增) 短片创作软件可以做哪些教程赚钱-Vlgo短片设计教程、虚拟课程赚钱套路、PS影像创意、五险一金速查大全集​