笪瞵岔语 鼠标单击事件是最常见的事件之一,当用户单击鼠标时,同时onClick指定的事件处理程序或代洁船诼抨码将被调用执行。本节实例给出了按钮的鼠标单击事件响应提示信息。本节代码主要使用了onmousedown事件和event.button属性,主要功能和用法如下。
工具/原料
浏览器 + AdobeDreamweaver
步骤/方法
1、当在页面中按下鼠标按键时,onmousedown事件会被触发。该事件可以调用相应的函数,作为其事件处理函数:在函数中,可以是任意合法的JavaScript代码。
2、event.button属性表示鼠标按键。取值为1时表示鼠标左键,取值为2时表示鼠标右键。可以使用“event.button==1”或“event.button==2”来判断鼠标的哪个按键被按下。
3、<html><head><metahttp-e孥恶膈茯quiv="Content-Type"content租涫疼迟="text/html;charset=utf-8"><title>按钮的鼠标单击事件</title><scriptlanguage="javascript">functionclick()//函数:判断鼠标按键,并作出相应的响应{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、运行该程序后,页面出现一个提示信息,当按下鼠标左键后,弹出一个对话框,如下图所示。关闭该对话框,当按下鼠标右键时,弹出另一个对话框,如下图所示。