博客

“事件” 与 “事件属性”，很容易混淆的两个概念

常见并行一起出现的场景：

百度一下“js绑定click事件”，随便点进去，都会有几种绑定方法，几乎每一篇，都会涉及到‘click’和‘onclick’这两个关键词

之前一直理解不清，只能死记硬背下绑定的方法，今天意外通过解决 ‘Vue中限制input标签输入内容’ 这一问题，深入理解了一下“事件”和“事件属性”概念，瞬间清晰很多。

回到click与onclick的场景

有哪几种绑定方式呢？看一下：

<button onclick="function1()"></button>

var aa = document.getElementById('buttonID')
aa.onclick = function1;

document.getElementById('buttonID').onclick = function () {
   // To do ...
}

document.getElementById('buttonID').addEventListener('click',function1);

Jquery方式

$("p").on("click",function(){
   	// To do ...
  });

···等等方式

可能还有很多种绑定方式，不再一一列举。

方式越多，记得越乱，要找到一种从核心概念将这些表面上看起来差异很大的绑定