您的位置：首页 > 其它

（浏览器兼容）键盘事件兼容写法e=window.event||e;键盘检测兼容写法key = e.keyCode || e.which || e.charCode;

2018-03-12 22:00 681 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Firefox 提示event is not defined错误的解决办法,需要传参</title>
<!-- <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> -->
</head>
<body>
<h1>keyCode==13即当键盘回车enter时，触发事件</h1>
<input type="text" />
<p id="demo"></p>
<script language="javascript">
//jquery
/*$(document).ready(function(){
$("input").keydown(function(event){
$("#demo").html("Key: " + event.which);
});
});*/
var ipt = document.getElementsByTagName('input')[0];
function addHandler(element, type, handler){
if (element.addEventListener){
element.addEventListener(type, handler, false);
} else if (element.attachEvent){
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
}
addHandler(ipt,"keydown",function(e){
var e=window.event||e; //事件兼容写法
var	key = e.keyCode || e.which || e.charCode; //IE只有keyCode属性，FireFox中有which和charCode属性，Opera中有keyCode和which属性，Chrome中有keyCode、which和charCode属性。
document.getElementById("demo").innerHTML = "Key: " + key;
})

//js
document.onkeydown=function mykeyDown(e){
var e=window.event||e;
var	key = e.keyCode || e.which || e.charCode;
if(key == 13){alert('keyCode==13即当键盘回车enter时');}
return;
}

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航