zoukankan      html  css  js  c++  java
  • button默认enter事件(回车事件)。


     这里我介绍一下,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="button" id="but2" value="确定(我是Jquery事件)" />

    </body>
    </html>
  • 相关阅读:
    excel2007灵活计算2个日期之间的工作日
    bat
    eclipse Maven操作出现No compiler is provided in this environment.Perhaps you are running on a JRE rather than a JDK?
    将BeyondCompare设置为TortoiseSVN的扩展比较工具
    python_Excel_xlwt
    Pyqt5_实例1
    Word使用技巧——持续更新
    python_serial
    Pyqt5_Python运用过程中一些问题和技巧
    Pyqt5_QfileDialog
  • 原文地址:https://www.cnblogs.com/sybo/p/2049464.html
Copyright © 2011-2022 走看看