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

2024-03-28 06:49:58

鼠标单击事件是最常见的事件之一，当用户单击鼠标时，同时 onClick 指定的事件处理程序或代码将被调用执行。本节实例给出了按钮的鼠标单击事件响应提示信息。本节代码主要使用了 onmousedown 事件和 event.button 属性，主要功能和用法如下。

步骤/方法

01

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

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

<html> <head> <meta http-equiv="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>
04

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

赞 (0)

点击浏览器网页中链接无反应

上网过程中,在用浏览器浏览网页的时候,看到网页中的链接,单击这些链接却没有任何反应,不跳转到新的网页窗口中.这可能是浏览器打开新建窗口的程序文件被破坏. 操作方法 01 单击"开始" ...
VisualStudio怎么实现点击网页中的按钮动态显示文本?

Visual Studio 2015中想在网页中制作一个按钮,单击后就会在网页中显示文本,该怎么制作这个效果呢?下面我们就来看看详细的教程. 1.首先,设置在网页中显示文本的格式,文本的高度为100像 ...
怎么启用win10电脑中的鼠标单击锁定的功能

今天给大家介绍一下怎么启用win10电脑中的鼠标单击锁定的功能的具体操作步骤.1. 首先打开电脑,进入桌面,点击左下角的"开始"图标2. 在打开的菜单中,点击左下方的齿轮图标,进入 ...
word2010中怎么设置鼠标指向按钮后显示提示?

在word2010中,当鼠标指向功能按钮后稍停留后可以显示功能提示说明.这里介绍如何设置显示提示的方法,以供参考. 1.点击菜单栏的“文件”. 2.点击文件菜单中的“选项”. 3.点击选项界面的“常规 ...
IE浏览器的语言显示问题(无法显示网页文字/按钮使用语言)

在IE浏览器中，常会有语言显示的问题，例如无法正确显示网页文字、无法正确显示网址列文字，功能表和按钮所使用的语言等，以下针对常见语言问题做说明一、变更功能表和按钮所使用的语言请根据您的操作系统以及 ...
网页flash下载如何下载网页中的flash SWF文件(图文教程)

当我们浏览网页时，总是有很多制作精美的Flash让我们心动，很想能保存下来慢慢欣赏。但是Flash不能直接保存，必须通过一些技巧才能实现。下面告诉大家6个关于Flash保存的小技巧，希望可以从这里寻找 ...
win8.1如何开启IE11"阅读视图"模式清除网页中的广告

上网冲浪最讨厌的就是看到页面中各种各样的广告了，容易中毒不说更严重影响阅读网页的心情。如今，IE11 专为 Windows 8.1 量身打造的“阅读视图”模式，只要一开启就可以瞬间清除网页中的广告，只 ...
网页中Flash如何下载

当我们浏览网页时，总是有很多制作精美的Flash让我们心动，很想能保存下来慢慢欣赏。但是Flash不能直接保存，必须通过一些技巧才能实现。下面告诉大家6个关于Flash保存的小技巧，希望可以从这里寻找 ...
如何从网页中导入外部数据到Excel2003

如何从网页中导入外部数据到Excel2003