icon元素上事件的绑定与解绑

    使用了一个Element UI中tree控件,tree里用icon元素增加了新增、编辑、删除功能,但在第一次新增还没有完成输入前,又可以继续点击其他的新增,这样的用户体验一点也不好。

    使用获取元素,再用 元素.onclick = " ",这样并不起作用。因为icon是以伪元素的形式存在的,这样是无法获取事件的。

    研究了一下发现,元素本身:pointer-events: none;禁用点击事件

                                其伪元素通过pointer-events: auto;启用点击事件,使鼠标只能点击到伪元素

    利用这个提示,首先获取icon元素,然后再利用 icon元素.style.pointerEvents = " none" 

    就可以实现对icon元素的事件禁用

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容