Jquery实现普通按钮button回车事件

  作者:bea

如果一个表单的提交按钮是submit的话,我们是可以直接按下回车键就可以实现表单的提交。如代码:。但是,如果表单的类型是一般的button按钮我们可不可以实现呢?答案是可以的。这里用Jquery来实现这一回车事件。在写代码之前请确认你已经下载好了Jquery这一javascript库,并将这个库包含到了你的代码页中。 着个方法支持ie与火狐,绝对好使。我在做的时候在网上找了一些代码,基本全不支持火狐。好了,废话也说了不少了。开始代码演示。欢迎大家挑错,与技术指点,谢谢。
如果一个表单的提交按钮是submit的话,我们是可以直接按下回车键就可以实现表单的提交。如代码:。但是,如果表单的类型是一般的button按钮我们可不可以实现呢?答案是可以的。这里用Jquery来实现这一回车事件。在写代码之前请确认你已经下载好了Jquery这一javascript库,并将这个库包含到了你的代码页中。

着个方法支持ie与火狐,绝对好使。我在做的时候在网上找了一些代码,基本全不支持火狐。好了,废话也说了不少了。开始代码演示。欢迎大家挑错,与技术指点,谢谢。


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml" >

火狐和IE都支持的enter事件


document.onkeydown = function (e) {
var theEvent = window.event || e;
var code = theEvent.keyCode || theEvent.which;
if (code == 13) {
$("#but1").click();
}
}
$(document).ready(function () {
$("#but1").click(function () {
alert("我是enter事件," + "text值:" + $("#text1").val());
})
$("#but2").click(function () {
alert("我是Jquery事件" + "text值:" + $("#text1").val());
})
});







有用  |  无用

猜你喜欢