jquery 怎么删除onclick事件

JavaScript019

jquery 怎么删除onclick事件,第1张

jQuery是用原生javascript封装出来的一个基本框架，因为容易上手跟好用是很多初级开发的首选技术框架，在里面有几个方法可以解除绑定事件：

①用on()绑定事件之后可以用off()方法来解除绑定onlick事件，这个种绑定解绑方法是推荐使用的

②用bind()绑定事件之后可以用unbind()方法来解除绑定onclick事件，可以使用

③用live()绑定事件之后可以用die()方法来接触绑定onclick事件，可以使用

④但是第一种方法是结合下面两种封装出来的新的方法，更方便，还处理了下面两种方法带来的弊端

1.addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作；

2.所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序；

3.由于IE只支持事件冒泡，所以同大多数情况下，都是将事件处理程序添加到事件流的冒泡阶段，这样可以最大限度地兼容各种浏览器；

最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加到捕获阶段。如果不是特别需要，不建议在事件捕获阶段注册事件处理程序。

vue.js移除绑定的点击事件的方法：可以用 v-on 指令监听 DOM 事件：<div id="example"> <button v-on:click="greet">Greet</button></div>绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法：var vm = new Vue({ el: '#example', data: {name: 'Vue.js' }, // 在 `methods` 对象中定义方法 methods: {greet: function (event) { // 方法内 `this` 指向 vm alert('Hello ' + this.name + '!') // `event` 是原生 DOM 事件 alert(event.target.tagName)} }})// 也可以在 JavaScript 代码中调用方法vm.greet() // ->'Hello Vue.js!'