h5 js复制 功能
2024-09-07 03:47:05
感谢
var copy1 = document.getElementById('copy1');
var copy2 = document.getElementById('copy2');
var textBox = document.getElementById('textBox');
copy1.onclick = function() {
copyText(textBox);
} copy2.onclick = function() {
copyText('电话号码:' + textBox.innerHTML);
} /**复制文本 */
function copyText(node) {
if (!node) {
return;
}
var result;
// 将复制内容添加到临时textarea元素中
var tempTextarea = document.createElement('textarea');
document.body.appendChild(tempTextarea);
if (typeof(node) == 'object') {
// 复制节点中内容
// 是否表单
if (node.value) {
tempTextarea.value = node.value;
} else {
tempTextarea.value = node.innerHTML;
}
} else {
// 直接复制文本
tempTextarea.value = node;
}
// 判断设备
var u = navigator.userAgent;
if (u.match(/(iPhone|iPod|iPad);?/i)) {
// iOS
// 移除已选择的元素
window.getSelection().removeAllRanges();
// 创建一个Range对象
var range = document.createRange();
// 选中
range.selectNode(tempTextarea);
// 执行选中元素
window.getSelection().addRange(range);
// 复制
result = document.execCommand('copy');
// 移除选中元素
window.getSelection().removeAllRanges(); } else {
// 选中
tempTextarea.select();
// 复制
result = document.execCommand('Copy');
}
// 移除临时文本域
document.body.removeChild(tempTextarea);
if (result) {
alert('复制成功', {
removeTime: 1000
})
} else {
alert('复制失败', {
removeTime: 1000
})
} return result;
}
测试安卓,没测试ios
最新文章
- Android中脱离WebView使用WebSocket实现群聊和推送功能
- 【UWP】对 Thickness 类型属性进行动画
- mongo数据库的导入导出
- poj 3928 树状数组
- curl命令使用(转)
- POJ 2159 Ancient Cipher
- JSF教程(10)——生命周期之Update Model Values Phase
- LA 2965 Jurassic Remains (中途相遇法)
- 练习2 B题 - 求绝对值
- C++中复制构造函数与重载赋值操作符
- OSCHina技术导向:Java模板引擎velocity
- c++单元测试框架googletest
- Android GridView(九宫图)
- sublime text3添加右键打开的操作
- MyBatis源码解析(三)——Transaction事务模块
- iView 的分页结合表格用法
- intelij idea设置和使用git
- ionic3 使用swiper插件 实现轮播效果
- C语言练手游戏-控制台输出一个会移动的坦克
- Android输出日志Log类