微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

getSelection() API 在 CLICK 事件上的行为

如何解决getSelection() API 在 CLICK 事件上的行为

如果我从此 div 中选择整个文本,则输出将是“abc1234”。当我在“c”和“1”之间点击时,输出应该是“abc”。但它返回先前突出显示的文本(在本例中为“abc1234”)。如果我在同一位置再次单击,则它会返回预期的输出(在本例中为“abc”)。有什么办法可以在第一次点击时获得预期的输出

$('.test-subject').on('click',function(){
 var sel = window.getSelection();
 console.log(sel.toString());
});

// start selecting the whole text
const range = new Range();
range.selectNode( $('.test-subject')[0] );
window.getSelection().addRange( range );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="test-subject">abc1234</div>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。