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

2025-09-24 04:45:16

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

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

3、<html>

<head>

<title>按钮的鼠标单击事件</title>

function click() //函数:判断鼠标按键，并作出相应的响应

{

if(event.button == 1) //如果按下鼠标左键

{

alert('你按下了鼠标左键!'); //显示提示信息

}

if(event.button == 2) //如果按下鼠标右键

{

alert('你按下了鼠标右键!'); //显示提示信息

}

//通过onmousedown事件调用click()函数

document.onmousedown = click;

</script>

</head>

<body>

<h1>按钮的鼠标单击事件</h1>

<hr>

<br>

<h5>请在页面上单击鼠标左键或右键...</h5>

</center>

</body>

</html>

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

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

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。