基于jquery的button默认enter事件(回车事件)。
更新时间：2011年05月18日 01:17:15 作者：
这里我介绍一下，button按钮默认回车（enter）事件。如果大家可以用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）
在这里特此声明，代码是通过jquery完成。实列代码我亲自写的，完全可以实现，只要复制过去就可以用，但是必须导入jquery包。着个方法支持ie与火狐，绝对好使。我在做的时候在网上找了一些代码，基本全不支持火狐。好了，废话也说了不少了。开始代码演示。欢迎大家挑错，与技术指点，谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>火狐和IE都支持的enter事件</title>
<script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
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());
})
});
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="but1" value="确定(我是enter事件)"/>
<input type="submit" id="but2" value="确定(我是Jquery事件)" />
</body>
</html>
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>火狐和IE都支持的enter事件</title>
<script src="jquery.1.3.2.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript">
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());
})
});
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="but1" value="确定(我是enter事件)"/>
<input type="submit" id="but2" value="确定(我是Jquery事件)" />
</body>
</html>
您可能感兴趣的文章:
- 按Enter键触发事件的jquery方法实现代码
- jquery实现按Enter键触发事件示例
- jquery 按键盘上的enter事件
- jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
- 修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
- 基于Jquery的实现回车键Enter切换焦点
- Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
- 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
- jQuery响应enter键的实现思路
- jquery实现tab键进行选择后enter键触发click行为
相关文章
前阵子接到个需求，联通网上营业厅经常需要专题页面做宣传，但是由于专题页面会有按钮，以及各个图片的链接，省分的人没有html基础，没人维护，量又比较大，需要开发出一个可自定义图片热区链接的后台，于是就有了这个2012-07-07
本篇文章主要是对Jquery实现可多选的下拉框的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
当需要在页面中查找某个关键字时，一是可以通过浏览器的查找功能实现，二是可以通过前端脚本准确查找定位，本文介绍通过jQuery实现的页面内容查找定位的功能，并可扩展显示查找后的相关信息2014-02-02
JQuery居然没有操作cookie相关的函数，搜了下官方有个cookie的插件。2010-04-04
将this下的div轮番显示 dname指定需要执行此动作的元素，如果没有指定dname，将默认全部子元素2009-04-04
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
JavaScript中设置元素的浮动属性（float），标准浏览器使用cssFloat，IE旧版本使用styleFloat。2011-09-09
jquery validate.js表单验证入门实例（附源码）
这篇文章主要介绍了jquery validate.js表单验证入门实例，为大家提供了jquery validate.js表单验证的源码，特别适合初学者学习validate.js表单验证，感兴趣的小伙伴们可以参考一下2015-11-11
本文将利用jquery实现页面图片等比例放大和缩小。说明: 页面中经常需要将未知大小的图片展示在有限的空间里, 如果直接指定图片的width和height值, 就有可能造成图片走样, 这段代码就是为解决这个问题设计2014-02-02
这篇文章主要介绍了使用jQuery简单实现模拟浏览器搜索功能,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery+ajax实现鼠标单击修改内容的思路及核心代码，需要的朋友可以参考下2014-06-06
最新评论