怎样监测网页中按钮的鼠标单击事件

时间:2024-10-12 14:46:25

1、当在页面中按下鼠标按键时,onmousedown 事件会被触发。该事件可以调用相应的函数,作为其事件处理函数:在函数中,可以是任意合法的 JavaScript 代码。

2、event.button 属性表示鼠标按键。取值为 1 时表示鼠标左键,取值为2时表示鼠标右键。可以使用“event.button == 1”或“event.button == 2”来判断鼠标的哪个按键被按下。

3、<html><head><meta http-e孥恶膈茯quiv="Content-Type" content租涫疼迟="text/html; charset=utf-8"><title>按钮的鼠标单击事件</title><script language="javascript">function click() //函数:判断鼠标按键,并作出相应的响应{if(event.button == 1) //如果按下鼠标左键{ alert('你按下了鼠标左键!'); //显示提示信息}if(event.button == 2) //如果按下鼠标右键{ alert('你按下了鼠标右键!'); //显示提示信息}}//通过onmousedown事件调用click()函数document.onmousedown = click;</script></head><body><center><h1>按钮的鼠标单击事件</h1><hr><br><h5>请在页面上单击鼠标左键或右键...</h5></center></body></html>

4、运行该程序后,页面出现一个提示信息,当按下鼠标左键后,弹出一个对话框,如下图所示。关闭该对话框,当按下鼠标右键时,弹出另一个对话框,如下图所示。

怎样监测网页中按钮的鼠标单击事件
© 手抄报圈