使用了一个Element UI中tree控件，tree里用icon元素增加了新增、编辑、删除功能，但在第一次新增还没有完成输入前，又可以继续点击其他的新增，这样的用户体验一点也不好。
使用获取元素，再用 元素.onclick = " "，这样并不起作用。因为icon是以伪元素的形式存在的，这样是无法获取事件的。
研究了一下发现，元素本身：pointer-events: none;禁用点击事件
其伪元素通过pointer-events: auto;启用点击事件，使鼠标只能点击到伪元素
利用这个提示，首先获取icon元素，然后再利用 icon元素.style.pointerEvents = " none"
就可以实现对icon元素的事件禁用
使用了一个Element UI中tree控件，tree里用icon元素增加了新增、编辑、删除功能，但在第一次新增还...
事件绑定 基本的事件绑定 其他事件绑定 On 替代bind方法/解绑用unbind on代替live动态创建元素绑...
绑定事件与解绑事件是常用到的写法，这里总结了几种常见的绑定事件与解绑事件的方法。 绑定click事件 一：直接在h...
用什么方式绑定事件就应该用什么方式解绑事件 解绑事件： 对象.on事件名字=事件处理函数--->绑定事件对象.on...
事件相关功能函数,使用直接调取即可;事件绑定 事件解绑 获取事件对象 获取事件目标元素 阻止默认事件---->注意...
一、 内联绑定事件 可以通过传入this， this指向元素本身 解绑： dom.onclick = null 原...
事件绑定与解绑 bind/ ubbind 鼠标悬停事件 进入mouseover 离开 mouseout $("...
事件绑定与解绑 jQuery中有两种绑定事件方式eventName(fn);编码效率略高/部分事件jQuery没有...
事件对象e 绑定、解绑 on 解绑 手动触发（自定义事件） trigger triggerHandler clic...
绑定事件兼容代码 解绑事件的兼容代码
本文标题：icon元素上事件的绑定与解绑
本文链接：https://www.haomeiwen.com/subject/ccwlpctx.html
网友评论