双击文本没有被选中

全栈程序员站长

发布于 2022-07-06 11:45:51

2K0

发布于 2022-07-06 11:45:51

大家好，又见面了，我是全栈君。

IE浏览器使用document.selection当前用户激活对象选择区域，通过后获取当前用户的操作区document.selection.empty()功能来实现双击选定的文本不起作用。不IE浏览器使用window.getSelection对象选择当前用户激活区域。在获取当前用户操作区域后通过removeAllRanges()函数实现双击不选中文本功能

<script type="text/javascript"> $(document).ready(function(){ var clearSeletion=function(){ if(document.selection&&document.selection.empty){ document.selection.empty(); }else if (window.getSelection) { var sel=window.getSelection(); sel.removeAllRanges(); } }; $("#element").bind("dblclick",function(event){ clearSeletion(); }); }); </script>
</head>
<body>
    <p>鼠标双击測试区域(灰色)</p>
    <div id="element" style="background-color: #E8E8E8;">dbclick selection text</div>
</body>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/117119.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年1月1，如有侵权请联系 cloudcommunity@tencent.com 删除

java