Enlace y desvinculación de eventos jquery
Vinculación y desvinculación de eventos
<input id="btnId" type="button" onclick="clickFn()" value="点我,弹框"/>
Método 1: escriba muerto en la etiqueta
- función clickFn () {}
Método 2: enlazar dinámicamente en el programa, pero no se puede desvincular
- $ ("# btnId"). click (función () {});
Método 3: enlace dinámico en el programa, puede desvincular
$ ("# btnId"). on ("clic", función () {});
$ ("# btnId"). on (“mouseover”, function () {});
Esta forma de vincular eventos se puede desvincular
$ ("# btnId"). off ("clic");
$ ("# btnId"). off ("mouseover"); jQuery element object.off (nombre del evento); // Si off no agrega parámetros, significa cancelar todos los eventos
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
</head>
<script type="application/javascript">
$(function () {
$("#btnId3").on("click", function () {
alert("jquery绑定");
});
$("#btnId4").on("click", function () {
//解绑
/*
如果off加参数,表示解绑的是某一个事件,
如果off不加参数,表示解除所有事件
*/
alert("jquery解绑");
$("#btnId3").off("click");
})
});
</script>
<body>
<input id="btnId3" type="button" value="点我-jquery绑定"/>
<input id="btnId4" type="button" value="点我-解绑"/>
</body>
</html>
resultado de ejecución: