1.普通事件绑定

  • onxxx
  • xxx.click

    2.二级事件绑定

  1. <button id="btn1" onclick="alert('嘿嘿嘿嘿嘿嘿嘿嘿')">点我</button>
  2. <button id="btn2">点我2</button>
  3. <script>
  4. var $btn= document.querySelector('#btn1')
  5. $btn.onclick =function(){
  6. alert('再绑一次')
  7. }
  8. var $btn2= document.querySelector('#btn2')
  9. // 参数 1,事件名称 2.监听器
  10. $btn2.addEventListener('click',
  11. function (){
  12. alert('dom')
  13. }
  14. ,false)
  15. $btn2.addEventListener('click',
  16. function (){
  17. alert('dom第二次')
  18. }
  19. ,false)
  20. //js触发事件
  21. $btn.click();
  22. $btn2.click();
  23. </script>