javascript 自动选中容器里的文字
2024-08-29 19:57:46
前些时间有这么个需求,需要实现选中div里面的文字,选中了的文字可直接按ctrl+v(或者右键)实现黏贴操作。
html代码:
<div id="text" class="text">大家好!</div>
调用以下javascript方法,实现选择上面div中的内容:
selectText(“text”)
javascript代码:
function selectText(element) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(element));
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(element));
window.getSelection().addRange(range);
}
}
jquery方式:
function SelectText(element) {
var text = document.getElementById(element);
if ($.browser.msie) {
var range = document.body.createTextRange();
range.moveToElementText(text);
range.select();
} else if ($.browser.mozilla || $.browser.opera) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(text);
selection.removeAllRanges();
selection.addRange(range);
} else if ($.browser.safari) {
var selection = window.getSelection();
selection.setBaseAndExtent(text, 0, text, 1);
}
}
最新文章
- [原创] 在spring 中使用quarts
- sp转dp dp转px
- 网络安全之PHP安全编程建议
- w3cmark前端精彩博文周报 10.27-11.2
- 【解决】国内访问github过慢
- CPrintDialog 构造函数参数详解
- HDU-2126 Buy the souvenirs
- Fast InvSqrt()(平方根倒数速算法)
- Appium Android Bootstrap源码分析之命令解析执行
- Java基础(三)-final关键字分析
- SpringBoot(三)_controller的使用
- DOM-基本概念及使用
- yii 1.x 添加 rules 验证url数组
- JPTabBar 详细介绍
- git 代码服务器的网页版gitweb的搭建
- Saltstack之Scheduler
- denyhosts、中文文档乱码、端口占用查询
- Hibernate_core_method
- wampserver修改端口号后,phpMyAdmin进不去,需要修改相关配置文件
- laravel使用when搜索遇到状态参数(有0的状态)的坑