您的位置：首页 > Web前端 > JQuery

通过jQuery获得按键,模拟按键操作

2018-02-27 17:00 183 查看

转载于： http://www.365mini.com/page/jquery-event-which.htm

https://zhidao.baidu.com/question/1111022928770672659.html?qbl=relate_question_1&word=jQuery%CF%D4%CA%BE%B0%B4%CF%C2%B5%C4%BC%FC%CE%BB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="msg"></div>
</body>
</html>
<script type="text/javascript" src="../../jq/js/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(document).bind("keydown mousedown", function(event){
var msg = '';
if( event.type == "mousedown" ){ // 鼠标按下事件
var map = {"1": "左", "2":"中", "3":"右"};
msg = '你按下了鼠标[' + map[event.which] + ']键';
}else{ // 键盘按下事件
if(event.which >= 65 && event.which <= 90){
event.preventDefault();
msg = '你按下了键盘[' + String.fromCharCode(event.which) + ']键';
}
if(event.which==83&&event.ctrlKey){
event.preventDefault();
msg = "按下了ctrl+S";
}
if(event.which == 13 ){
event.preventDefault();
msg = "按下了enter";
}
if(event.which >=37 && event.which <=40){
console.log(event.which);
var arrMap = ["左","上","右","下"];
msg = '你按下键盘[' + arrMap[event.which-37] + ']键';
}
if(event.which >=48 && event.which<=57){
console.log(event.which);

msg ="你按下了数字(非小键盘)"+(event.which - 48);
}
if(event.which >=96 && event.which<=105){
console.log(event.which);

msg ="你按下了数字(小键盘)"+(event.which - 96);
}
if(event.which == 91){
console.log(event.which);

msg ="你按下了win";
}
}
if(msg){
$("#msg").prepend( msg + '<br>');
}
});
</script>

模拟键盘操作

// 单击按钮触发mousedown即按键事件，并且设定为左键和ctrl
$("button").click(function(){
var e = jQuery.Event("mousedown");
e.which=1,e.ctrlKey=true;
$(window).trigger(e);
});

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

标签： jquery

相关文章推荐

新的分享

章节导航