原生JS click onclick 区别

来源:互联网 发布:淘宝咬鲜花表情 编辑:程序博客网 时间:2024/05/14 21:57
<!DOCTYPE html><html><head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width">  <title>JS Bin</title></head><body><p id="d">dd</p></body></html>
document.getElementById('d').onclick=function(){  alert('d')}document.getElementById('d').click()document.getElementById('d').onclick()

onclick — 事件 也可直接写在标签里面

<p id="d" onclick="alert('d')">dd</p>

click – html DOM 方法

效果:
click() 和 onclick 效果一样
区别:
click()是真正地用程序去点击按钮,触发了按钮的onclick()事件
onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件

addEventListener给一个事件注册多个监听器
element.addEventListener(, , );
element.removeEventListener(, , );