码迷,mamicode.com
首页 > 其他好文 > 详细

点击其他区域不让编辑器失去焦点

时间:2020-12-23 12:22:04      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:opp   dde   list   div   ret   doc   rop   over   rev   

最近遇到这么个需求:选中编辑器内一段文本,然后点击顶部操作按钮,不想让选中的文字失去选中状态。

 

实现方式为:阻止编辑器区域外的事件进行事件冒泡。

 

但是不能直接在onclick上写,因为这个时候事件都冒泡完都到传递的阶段了,你在这个地方防止事件冒泡,晚了。

 

那就这样写:

document.getElementById(‘id‘).addEventListener("mousedown",this.stopProp);

//阻止
    stopProp=(e)=>{
        if ( e && e.preventDefault ){
            e.preventDefault();
        }else{
            window.event.returnValue = false;
        }
        return false;
    }

这样就解决了!

 

over!

 

点击其他区域不让编辑器失去焦点

标签:opp   dde   list   div   ret   doc   rop   over   rev   

原文地址:https://www.cnblogs.com/rainbowLover/p/14156274.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!