关于event对象的button属性
发表在其他语言图书答疑区 2014-09-05
是否精华
版块置顶:
老师您好:
我在学习《j呵vascript从入门到精通》一书时,发现无论如何调试,均只能捕获鼠标右键被点击的事件(event.button==2);其余状态都无法捕获,代码如下:
<html>
<head>
<title>Captive the mouse's Key</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.STYLE1 {font-size: 12px}
-->
</style>
</head>
<script>
function gosite(){
var key=event.button;
if(key==1){
document.write("The Left key has been clicked!");
}
else{
if(key==2){
document.write("The Right key has been clicked!");
}
else{
if(key==3){
document.write("The Right and Left key have been clicked!");
}
else{
if(key==4){
document.write("The Middle key have been clicked!");
}
else{
if(key==5){
document.write("The Middle and Left key have been clicked!");
}
else{
if(key==6){
document.write("The Middle and Right key have been clicked!");
}
else{
if(key==7){
document.write("The Middle and Right and left key have been clicked!");
}
}
}
}
}
}
}
}
document.onmousedown=gosite;
</script>
<body>
<div style="font-family:Verdana, Geneva, sans-serif; font-size:16px; ">
<script language="javascript">
document.write("Please click the mouse and try")
</script>
</div>
</body>
</html>
 我在IE11和Chrome下试过,都不行,网页只对鼠标右键有相应,不知是什么原因,特向您请教!
分享到:
精彩评论 1
无语_mrkj
学分:3155 LV11
2014-09-10
沙发
您的代码有点问题,不是说只能对鼠标右键有响应,而是因为在使用的是document.write()方法,通过该方法输出内容后,页面中就只有它输出的内容,之前的内容被替换了,所以没有获取event的代码了,您可通过查看页面源代码来看一看,所以您需要把它用alert()替换来看一看效果。
首页上一页 1 下一页尾页 1 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照