原生js绑定html元素事件的3种方式

原创于 2022-03-14 18:42:36 发布 · 716 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #前端

html/js 专栏收录该内容

4 篇文章

订阅专栏

本文探讨了如何使用JavaScript实现按钮的点击事件处理，包括通过元素自带的`onclick`方法、元素对象绑定和匿名函数的方式。通过实例解析，读者将理解不同绑定方式的原理和应用场景。

  <button id="ck" onclick="click()">click</button>

      <script type="text/javascript">
         //直接通过元素自带的onclick方法
            function click(){
	        alert("2")
	    }
	  //通过元素对象绑定
	  ck.onclick=click;
	  //通过元素对象和匿名函数
	  ck.onclick=function(){
	         
	  }
      </script>