javascript的事件绑定的两种方式详解

最新推荐文章于 2024-03-31 09:22:06 发布

anxinliu2011

最新推荐文章于 2024-03-31 09:22:06 发布

阅读量670

点赞数

分类专栏： javascript 文章标签： javascript button input function bt 脚本

本文链接：https://blog.csdn.net/anxinliu2011/article/details/7545543

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

javascript的两种事件绑定方式

第一种方式：事件句柄放在标签之中
           <script type=text/javascript>
                   function count(){   //count方法 }
          </script>
          <input type=”button” οnclick=”count();”>，
       它是针对于这个标签而设置的触发事件。onclick叫做事件句柄，同时它也是input标签的属性。count()是一个自定义的方法。
第二种方式：事件句柄放在标签之外
         <body>
              <input type=”button” id=”button1”>
             <script type=text/javascript>
              var bt=document.getElementById(“button1”)
             bt.οnclick=count;              //一定要写成方法名
              function count(){                //count方法
                  ……
              }
          或者bt.οnclick=function (){
                             ……
            }
            </script>
        </body>
   注意：input标签一定要放在script标签之前，因为script脚本中使用了input的id属性。缺点是无法传递参数到函数中。