JQuery高亮显示Div的内部文本,点击
JQuery Highlight Inner Text of Div, OnClick
我正在尝试自动突出显示<pre>
的文本,以便更容易复制。。。以下是我一直在使用的内容:
jQuery( document ).ready( function() {
$( 'pre' ).click( function() {
$( this ).select();
var doc = document
, text = $( this )
, range, selection;
if( doc.body.createTextRange ) {
range = document.body.createTextRange();
range.moveToElementText( text );
range.select();
} else if( window.getSelection ) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents( text );
selection.removeAllRanges();
selection.addRange( range );
}
} );
} );
pre {cursor:pointer;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre>This is Text</pre>
我搜索过的帖子都提到"高亮显示"作为背景色,但我想实际上高亮显示它,这样用户就可以轻松复制它。我如何修改上面的JS,以便当用户点击文本时,它会突出显示它?
您的代码非常到位。只需要做一个小小的改变。
text = $(this)
需要成为
text = this
使用text
作为参数的函数是Vanilla JavaScript方法,因此需要DOM节点而不是jQuery对象。在这种情况下,"This"本身就是一个DOM节点。但是,将它包装在$()中会将它变成一个jQuery对象,然后您稍后调用的函数将无法使用该对象
jQuery( document ).ready( function() {
$( 'pre' ).click( function() {
$( this ).select();
var doc = document
, text = this
, range, selection;
if( doc.body.createTextRange ) {
range = document.body.createTextRange();
range.moveToElementText( text );
range.select();
} else if( window.getSelection ) {
selection = window.getSelection();
range = document.createRange();
range.selectNodeContents( text );
selection.removeAllRanges();
selection.addRange( range );
}
} );
} );
pre {cursor:pointer;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre>This is Text</pre>
相关文章:
- 每次点击文本都应添加到页面中
- 我想重定向点击,然后更改按钮文本,我该怎么做
- 第二次点击具有不同功能的按钮并更改文本
- 在文本点击时调用一个函数:AngularJS
- 改变颜色的文本点击使用jQuery
- 删除附加的文本点击它Jquery
- 如何在超链接文本点击上调用函数
- 更改锚文本点击与…?jQuery也许
- 修改文本&点击
- Jquery /javascript执行功能的复选框点击或相邻的文本点击
- 我如何改变按钮文本点击在javascript
- HTML音频w/o控制暂停文本点击
- 添加文本点击jquery
- 点击文本点击表单
- Javascript:切换纯文本隐藏它像密码文本点击按钮
- 设置和重置文本点击按钮jquery
- 纯文本输入文本点击使用javascript
- 如何使用Javascript和JQuery自动选择文本(点击并按住鼠标)提供了我的Java框架
- 如何在nightwatch.js中使用链接文本点击链接
- 更改文本与不同的文本点击