zoukankan      html  css  js  c++  java
  • 为input标签绑定事件的几种方式

    为input标签绑定事件的几种方式

    1.JavaScript原生态的方式,直接复制下面的代码就会有相应的效果

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>为标签绑定事件</title>
    <script>
    function danji(){
    alert("hello javascript");
    }
    </script>
    </head>
    <body>
    <p>单击按钮触发函数。</p>
    <input type="button" value="添加"  id="submit" onclick="danji()">
    </body>
    </html>

    2.jquery方式必须事先导入js的包才有效果!

    <!DOCTYPE html>
    <html>
       <head>
       <meta charset="utf-8">
       <title>为标签绑定事件</title>
       <script type="text/javascript" src="../../../framework/jquery/jquery-1.7.min.js"></script>  /*我导入的包是相对于我自己项目的相对路径,大家根据自己情况修改*/
       <script>
    $("#submit").click(function(){
        alert("hello");
    })
       </script>
       </head>
         <body>
    <p>单击按钮触发函数。</p>
    <input type="button" value="添加"  id="submit">
        </body>
    <body>


    第二种方式本质上可以为任何id绑定已存在的事件,比如鼠标双击事件,键盘按下事件,键盘释放事件,失去焦点事件等等,为某个id绑定事件用第二种方式基本没什么问题,均可以有相应的实现。

  • 相关阅读:
    SpringBoot连接数据库
    String、StringBuffer、StringBulider的区别和解析
    异常This application has no explicit mapping for /error
    node使用
    JS总结defer与async(一)
    前端项目搭建与知识框架
    git ssh配置总结
    JS算法
    JS数据结构
    Http与Http2与Https区别和联系
  • 原文地址:https://www.cnblogs.com/sbclmy/p/9178682.html
Copyright © 2011-2022 走看看