如何使用焦点使用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> 

资源

还live 已被弃用 ，使用on代替。