一 . onclick(单击)

dom 事件主要内容 随笔 第1张

　　原图

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

dom 事件主要内容 随笔 第2张

　　单击btn1

dom 事件主要内容 随笔 第3张

　　在点击btn2

dom 事件主要内容 随笔 第4张

二 . onfocus 和 onblur

　　onfocus(聚焦, 鼠标点击输入框)

　　onblur(模糊, 鼠标点击输入框外的地方)

dom 事件主要内容 随笔 第5张

　　注意: this 是你当前执行的操作,在本题中 this与 InEle的意思一样  如果有很多 InEle 就只能用this啦

 

　　没点击的时候

dom 事件主要内容 随笔 第6张

　　点击输入框后

dom 事件主要内容 随笔 第7张

　　输入内容后点击其他位置

dom 事件主要内容 随笔 第8张

　　删除内容点击其他位置

dom 事件主要内容 随笔 第9张

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄