分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js元素事件绑定与解绑

发布时间:2023-09-06 02:03责任编辑:郭大石关键词:js

为元素绑定事件有3种方式:

1、最常见的绑定方式:

document.getElementById("btn").onclick=function(){};

2、非IE浏览器     element.addEventListener(type,fn,false)

(布尔值====true表示捕获,false表示冒泡,一般用false):

document.getElementById("btn").addEventListener("click",function(){};false);

3、IE浏览器下的事件绑定        element.attachEvent("on"+type,fn)

document.getElementById("btn").attachEvent("onclick",function(){});

==================为元素(element)绑定事件的兼容代码:=======================

 1 ????function addEventListener(element,type,fn){ 2 ????????????????if(element.addEventListener){ 3 ????????????????????element.addEventListener(type,fn,false); 4 ????????????????}else if(element.attachEvent){ 5 ????????????????????element.attachEvent("on"+type,fn); 6 ????????????????}else{ 7 ????????????????????element["on"+type]=fn; 8 ????????????????} 9 ????????????????10 ????????????}

为元素解除绑定有3种方式:

1、普通方式:

document.getElementById("btn").onclick=null;

2、非IE浏览器  element.removeEventListener(type,fName,false)

(布尔值====true表示捕获,false表示冒泡,一般用false):

document.getElementById("btn").removeEventListener("click",fName,false); 

3、IE浏览器    element.detachEvent("on"+type,fName)

document.getElementById("btn").detachEvent("onclick",fName);

==================为元素(element)解绑事件的兼容代码:=======================

 1 ????function removeEventListener(element,type,fName){ 2 ????????????????if(element.removeEventListener){ 3 ????????????????????element.removeEventListener(type,fName,false); 4 ????????????????}else if(element.detachEvent){ 5 ????????????????????element.detachEvent("on"+type,fName); 6 ????????????????}else{ 7 ????????????????????element["on"+type]=null; 8 ????????????????} 9 ????????????} 

js元素事件绑定与解绑

原文地址:https://www.cnblogs.com/fyy-new/p/9274371.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved