js 跨浏览器获取鼠标按键的值

JavaScript011

js 跨浏览器获取鼠标按键的值,第1张

document.onmousedown

=

function(

e

){

alert(getButton(e))

//

e.button

W3C是获取鼠标按键

0

表示左键

1表示中键

2表示右键

而IE浏览器则是

1表示左键

4表示中间

2表示右键

这里的IE浏览器主要是IE8以下的浏览器

}

function

getButton(e){

/*

1、window.event这个属性IE和Chrome都是支持的

2、但是Chrome也是支持W3C的

3、所以,如果说W3C和IE都支持的话,那么就已W3C做为标准化

*/

if(

e

){

//

作为第一次判断Chrome

就以W3C为标准了

return

e.button

}else

if(

window.event

){

switch(

window.event.button

){

case

1

:

return

0

//

返回鼠标左键的值

case

4

:

return

1

//

返回鼠标中键的值

case

2

:

return

2

//

返回鼠标右键的值

case

0

:

return

2

//

返回鼠标右键的值

主要是360浏览器会返回了

在IE浏览器中

返回的0是代表没有按下鼠标键的时候所返回来的值

}

}

}

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('body').append($('input').val())。

3、浏览器运行index.html页面,此时button的value被js成功取到并打印了出来。

1、创建一个名称为  type_button  的html文件 。

2、添加2个button按钮,一个button在点击事件中加入自定义函数  mytype_button,另一个button设置id和type属性值为“button”。

3、添加一p标签,设置id 为 showtype_button。

4、在javascript中创建一个自定义函数   mytype_button。

5、在自定义函数中获取button对象。用type属性获取属性值。

6、在浏览器中打开文件,点击button后会显示获取到的type属性值为“button”。