注册    登录
关注
Py学习  »  Jquery

如何使用焦点选择jquery文本

mudraya katusha • 5 年前 • 228 次点击  

我正在尝试选择 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(); });

我怎样才能让它和

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/54975
Reply
 
228 次点击  
文章 [ 1 ]  |  最新文章 5 年前
DontVoteMeDown
Reply   •   1 楼
DontVoteMeDown    6 年前

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 相反。

登录后回复
关于   移动版
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号