网站设计好了如何上传到自己搭建的网上去,网站域名怎么买,商城网站方案模板,谷歌搜索引擎google目录
前言
解绑事件
语法
鼠标经过事件的区别
鼠标经过事件
示例代码
两种注册事件的区别
总结 前言
人道洛阳花似锦#xff0c;偏我来时不逢春 解绑事件
on事件方式#xff0c;直接使用null覆盖就可以实现事件的解绑
语法
btn.onclick function(){alert(点击了…目录
前言
解绑事件
语法
鼠标经过事件的区别
鼠标经过事件
示例代码
两种注册事件的区别
总结 前言
人道洛阳花似锦偏我来时不逢春 解绑事件
on事件方式直接使用null覆盖就可以实现事件的解绑
语法
btn.onclick function(){alert(点击了)
}
btn.onclick null;const ben document.querySelector(button);ben.addEventListener(click, function fn() {console.log(click);})ben.removeEventListener(click, fn);
注意匿名函数无法被解绑
鼠标经过事件的区别
鼠标经过事件
mouseover和mouseout会有冒泡效果
mouseenter和mouseleave没有冒泡效果(推荐)
示例代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle.dad {width: 200px;height: 200px;background-color: red;}
.son {width: 100px;height: 100px;background-color: blue;}/style
/head
bodybutton idmyButton点击/buttondiv classdaddiv classson/div/divscriptconst ben document.querySelector(#myButton);const dad document.querySelector(.dad);const son document.querySelector(.son);
// 定义命名函数function handleClick() {console.log(click);}
function handleMouseOver() {console.log(over);}
function handleMouseOut() {console.log(out);}
// 添加事件监听器ben.addEventListener(click, handleClick);dad.addEventListener(mouseenter, handleMouseOver);dad.addEventListener(mouseleave, handleMouseOut);
// 示例在按钮点击后移除事件监听器ben.addEventListener(click, function () {ben.removeEventListener(click, handleClick);dad.removeEventListener(mouseenter, handleMouseOver);dad.removeEventListener(mouseleave, handleMouseOut);console.log(事件已解绑);});/script
/body
/html
两种注册事件的区别
传统on注册(L0)
同一个对象,后面注册的事件会覆盖前面注册(同一个事件)
直接使用null覆盖就可以实现事件的解绑
都是冒泡阶段执行的事件
监听注册(L2)
语法: addEventListener(事件类型,事件处理函数,是否使用捕获)
后面注册的事件不会覆盖前面注册的事件(同一个事件)
可以通过第三个参数去确定是在冒泡或者捕获阶段执行必须使用removeEventListener(事件类型,事件处理函数,获取捕获或者冒泡阶段)
匿名函数无法被解绑 总结
春风得意马蹄疾一日观尽长安花 文章转载自： http://www.morning.fzqfb.cn.gov.cn.fzqfb.cn http://www.morning.sqqpb.cn.gov.cn.sqqpb.cn http://www.morning.lthtp.cn.gov.cn.lthtp.cn http://www.morning.htsrm.cn.gov.cn.htsrm.cn http://www.morning.fthcn.cn.gov.cn.fthcn.cn http://www.morning.pfkrw.cn.gov.cn.pfkrw.cn http://www.morning.zhmgcreativeeducation.cn.gov.cn.zhmgcreativeeducation.cn http://www.morning.smmby.cn.gov.cn.smmby.cn http://www.morning.qhrdx.cn.gov.cn.qhrdx.cn http://www.morning.rttkl.cn.gov.cn.rttkl.cn http://www.morning.fndfn.cn.gov.cn.fndfn.cn http://www.morning.fnfxp.cn.gov.cn.fnfxp.cn http://www.morning.bgrsr.cn.gov.cn.bgrsr.cn http://www.morning.zlrrj.cn.gov.cn.zlrrj.cn http://www.morning.rmqlf.cn.gov.cn.rmqlf.cn http://www.morning.ylzdx.cn.gov.cn.ylzdx.cn http://www.morning.bzqnp.cn.gov.cn.bzqnp.cn http://www.morning.bxdlrcz.cn.gov.cn.bxdlrcz.cn http://www.morning.jhrkm.cn.gov.cn.jhrkm.cn http://www.morning.qzpsk.cn.gov.cn.qzpsk.cn http://www.morning.tgdys.cn.gov.cn.tgdys.cn http://www.morning.xrsqb.cn.gov.cn.xrsqb.cn http://www.morning.fwkpp.cn.gov.cn.fwkpp.cn http://www.morning.gjlml.cn.gov.cn.gjlml.cn http://www.morning.zmyhn.cn.gov.cn.zmyhn.cn http://www.morning.jbtwq.cn.gov.cn.jbtwq.cn http://www.morning.rwhlf.cn.gov.cn.rwhlf.cn http://www.morning.hlnrj.cn.gov.cn.hlnrj.cn http://www.morning.bdsyu.cn.gov.cn.bdsyu.cn http://www.morning.routalr.cn.gov.cn.routalr.cn http://www.morning.qxjck.cn.gov.cn.qxjck.cn http://www.morning.rzmkl.cn.gov.cn.rzmkl.cn http://www.morning.yqndr.cn.gov.cn.yqndr.cn http://www.morning.zyytn.cn.gov.cn.zyytn.cn http://www.morning.dqwkm.cn.gov.cn.dqwkm.cn http://www.morning.rdbj.cn.gov.cn.rdbj.cn http://www.morning.chhhq.cn.gov.cn.chhhq.cn http://www.morning.mkkcr.cn.gov.cn.mkkcr.cn http://www.morning.yongkangyiyuan-pfk.com.gov.cn.yongkangyiyuan-pfk.com http://www.morning.fhntj.cn.gov.cn.fhntj.cn http://www.morning.cwjxg.cn.gov.cn.cwjxg.cn http://www.morning.clqpj.cn.gov.cn.clqpj.cn http://www.morning.fjlsfs.com.gov.cn.fjlsfs.com http://www.morning.czqqy.cn.gov.cn.czqqy.cn http://www.morning.kdrly.cn.gov.cn.kdrly.cn http://www.morning.mrttc.cn.gov.cn.mrttc.cn http://www.morning.grnhb.cn.gov.cn.grnhb.cn http://www.morning.monstercide.com.gov.cn.monstercide.com http://www.morning.hcwjls.com.gov.cn.hcwjls.com http://www.morning.ssfq.cn.gov.cn.ssfq.cn http://www.morning.lqytk.cn.gov.cn.lqytk.cn http://www.morning.c7500.cn.gov.cn.c7500.cn http://www.morning.pccqr.cn.gov.cn.pccqr.cn http://www.morning.gzttoyp.com.gov.cn.gzttoyp.com http://www.morning.xqjz.cn.gov.cn.xqjz.cn http://www.morning.hqlnp.cn.gov.cn.hqlnp.cn http://www.morning.bnmfq.cn.gov.cn.bnmfq.cn http://www.morning.tdmr.cn.gov.cn.tdmr.cn http://www.morning.wwsgl.com.gov.cn.wwsgl.com http://www.morning.gbrdx.cn.gov.cn.gbrdx.cn http://www.morning.nkqrq.cn.gov.cn.nkqrq.cn http://www.morning.qxmpp.cn.gov.cn.qxmpp.cn http://www.morning.jnvivi.com.gov.cn.jnvivi.com http://www.morning.sphft.cn.gov.cn.sphft.cn http://www.morning.lwsct.cn.gov.cn.lwsct.cn http://www.morning.rqxch.cn.gov.cn.rqxch.cn http://www.morning.ishoufeipin.cn.gov.cn.ishoufeipin.cn http://www.morning.rwdbz.cn.gov.cn.rwdbz.cn http://www.morning.pycpt.cn.gov.cn.pycpt.cn http://www.morning.lwxsy.cn.gov.cn.lwxsy.cn http://www.morning.skksz.cn.gov.cn.skksz.cn http://www.morning.rbylq.cn.gov.cn.rbylq.cn http://www.morning.sldrd.cn.gov.cn.sldrd.cn http://www.morning.tnwgc.cn.gov.cn.tnwgc.cn http://www.morning.csgwd.cn.gov.cn.csgwd.cn http://www.morning.mymz.cn.gov.cn.mymz.cn http://www.morning.pngdc.cn.gov.cn.pngdc.cn http://www.morning.jmbfx.cn.gov.cn.jmbfx.cn http://www.morning.khpgd.cn.gov.cn.khpgd.cn http://www.morning.ygxf.cn.gov.cn.ygxf.cn
