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());
})
});
有用 | 无用
着个方法支持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());
})
});
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- web脚本语言与编程语言的就业趋势
- JS实现右下脚弹出模仿MSN或QQ消息提示
- Javascript实现复选框全选
- Javascript验证用户提交的表单
- Javascript设置和读取cookie中的值
- 快速提高页面加载速度的完美方法
- 常用的一些Javascript功能总结
- Ajax实现验证用户填写的登录信息
- javascript操作HTML标签select
- 非常好的一个Javascript下拉菜单
- javascript实现页面关闭前提示是否关闭
- 详细说明常用的Javascript函数(json)
- Javascript实现百分比进度条加载flash
- javascript字符串替换replace的使用
- Jquery插件lazyload的使用和参数说明
- 分享一个ajax对象所有项目用这个就够了
- Javascript实现第二代身份证号码的验证
- 实现兼容IE和Firefox的Javascript方法innerText
- 强大的Jquery构造器$的实现方法