如何使用焦点选择带有jquery的文本

Question

我正在尝试通过此代码选择 span 元素内的文本，但我没有成功：

<span class="selectme">this text should be selected by click</span> 

$(".selectme").live('focus', function() { $(this).select(); });

下面这个运行良好：

<input value="this text should be selected by click" class="selectme">

$("input.selectme").live('focus', function() { $(this).select(); });

如何使它与span 元素一起使用？

Answer 1

span 不像input 那样工作，所以简短的回答是你不能那样做。默认情况下，它甚至没有 focus 事件。

但是有一个解决方法。您需要添加tabindex="-1" 使其具有焦点并使用window.getSelection().selectAllChildren(this); 选择它的值：

$(".selectme").on('focus', function() { 
    window.getSelection().selectAllChildren(this);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<span class="selectme" tabindex="-1">this text should be selected by click</span>

Source

同样live 已弃用，请改用on。