欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

html回车按键确认按钮,button默认enter事件(回车事件)。

发布时间:2025/3/20 编程问答 49 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html回车按键确认按钮,button默认enter事件(回车事件)。 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

这里我介绍一下,button按钮默认回车(enter)事件。如果大家可以用submit,就不用看以下代码,因为submit可以直接默认回车事件(enter)。

在这里特此声明,代码是通过jquery完成。实列代码我亲自写的,完全可以实现,只要复制过去就可以用,但是必须导入jquery包。着个方法支持ie与火狐,绝对好使。我在做的时候在网上找了一些代码,基本全不支持火狐。好了,废话也说了不少了。开始代码演示。欢迎大家挑错,与技术指点,谢谢。

火狐和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());

})

});

总结

以上是生活随笔为你收集整理的html回车按键确认按钮,button默认enter事件(回车事件)。的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。