成都网站建设设计

将想法与焦点和您一起共享

jquery键盘,jquery键盘监听事件

jQuery键盘事件中event.keyCode==13相当于按下了那个键

当用户按下enter键时触发from提交,而不只是点击提交按钮才提交!这样更友好。 13表示enter按键的keyCode编码

10年的安州网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整安州建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联公司从事“安州网站设计”,“安州网站推广”以来,每个客户项目都认真落实执行。

jquery的键盘事件分为keypress、keydown和keyup事件

一、键盘事件

1、keypress()事件

keypress当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。

2、keydown()事件

当按钮被按下时,发生 keydown 事件(多用于游戏开发,比如一直按空格键进行攻击)。

3、keyup事件

keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件

二、通过键盘事件可以进行相应操作

$(document).ready(function() {

//释放按键时

$(document).keyup(function(event){

if(event.keyCode=="13"){ //13表示回车键的代码

alert("释放按键");

}

})

//按下按键时

$(document).keydown(function(event){

if(event.keyCode=="13"){

alert("按下按键");

}

})

//输入字符时

$(document).keypress(function(event){

if(event.keyCode=="13"){

alert("输入字符");

}

})

//获取键盘的 键码值 方法(如果不知道某个键对应的 键码值,可用这个方法,在键盘上按该键,就会弹出对应的值 )

$(document).keyup(function(event){

alert(event.keyCode);

})

});

如何用js或jquery实现点击事件触发键盘

当按钮被按下时,发生 keydown 事件。

keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。

语法

$(selector).keydown(function)

例如:

$(document).keydown(function(event){

alert(event.keyCode);//弹出按键的对应值 

});

jQuery通过键盘上下左右键,移动层

只走一步是因为移动一次后没有对x进行处理,所以点第二次的时候 x的值不变,x-10也不变,所以就不动了

html

head

titledemo/title

style type="text/css"

.active

{

border: 1px solid red;

}

/style

script type="text/javascript" src="Scripts/jquery-1.6.2.min.js"/script

script type="text/javascript"

var x = 0;//水平方向位移

var y = 0;//垂直方向位移

$(document).keydown(function (event) {

switch (event.which) {

case 37: y = y - 10; $("#person").css("left", y + "px"); break;

case 38: x = x - 10; $("#person").css("top", x + "px"); break;

case 39: y = y + 10; $("#person").css("left", y + "px"); break;

case 40: x = x + 10; $("#person").css("top", x + "px"); break;

default: break;

}

});

/script

/head

body

div id="person" class="active" style="position: absolute; width: 50px; height: 50px;" /

/body

/html

jquery 模拟键盘按下

function AHrefClick (){

var e = jQuery.Event("keydown");//模拟一个键盘事件

e.keyCode = 13;//keyCode=13是回车

$("#id").trigger(e);//模拟按下回车

}

要模拟键盘事件,首先要在需要模拟的元素上绑定事件才能模拟。比如先:

$(".div").on("keydown","input",function(){

alert("ABC");

});

然后再执行:

var e = jQuery.Event("keydown");//模拟一个键盘事件

e.keyCode = 13;//keyCode=13是回车

$(".div input").trigger(e);//模拟按下回车

jquery 敲击键盘事件

最快捷的修改办法:

$(document).ready(function(){

var p = $("#p").click(function(){

$(this).hide();

});

});

//此处是需要绑定esc事件的代码,当esc按下时触发hide方法

$(document).bind('keydown', 'esc',function (evt){

//关闭层代码

$(this).hide();

return false;

});


标题名称:jquery键盘,jquery键盘监听事件
文章起源:http://chengdu.cdxwcx.cn/article/dseecjh.html