=
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”。