js之事件绑定

js的事件绑定是很重要的一部分，js中的事件有很多，那么操作去让相应的事件执行相应的事情呢？这里就涉及到事件的绑定，那么什么是事件绑定呢？

这里就要提到事件：事件呢通俗理解就是事情，比如你要去买一本有关java学习的书，事件呢包含三要素：事件目标，事件处理程序，事件对象 比如这里：事件目标：是去买书，处理程序：整个买书的流程，事件对象呢：书 这里只是简单的提一下事件，接下来来说说事件绑定

事件绑定：把事件写在dom节点上就实现了绑定事件，这么说有些人可能就不理解了，说白了，就是html事件处理程序，喊一个函数去干活

js的事件绑定有三种方法：让我们来看一下

第一种：直接在dom中绑定，也就是也就是直接在html标签中通过 onXXX=“” 来绑定

<input type="text" value="1" onclick="btn()">

<!--或者-->

<input type="text" value="1" onclick="btn()">

<script type="text/javascript">

  function btn(){

   console.log(“事件绑定”);

  }

</script>
           

第二种：获取id进行绑定，在JavaScript中通过查找DOM对象，对其绑定

<input type="button" value="1" id="xxbtnid">
<script type="text/javascript">
    xxbtnid.onclick = function (){
    console.log(“事件绑定”);
}
</script>
           

第二种：事件监听使用addEventListener绑定，绑定事件监听函数

<input type=”text” value=”1” id=”xxid”>
<script>
    xxid.addEventListener(‘click’,function(){
    console.log(‘事件监听’,addEventListener’)
});
</script>
           

这里要注意的要绑定的事件名称：要写的是click而不是onclick，这里会有很多人混淆要注意

这就是我对js事件绑定的理解，可以供你们学习，如果你也对js事件绑定有一些理解，欢迎来补充，或者有什么不对的地方，欢迎在评论区指出