Javascript Ios Safari的复制按钮
大家好,我想复制按钮在我的移动网站,我有 用JS实现它,它在android上运行良好,但在ios文本上不起作用 复制,有没有办法在ios safari上复制textarea文本 这是我在android浏览器上的代码Javascript Ios Safari的复制按钮,javascript,ios,iphone,safari,copy-paste,Javascript,Ios,Iphone,Safari,Copy Paste,大家好,我想复制按钮在我的移动网站,我有 用JS实现它,它在android上运行良好,但在ios文本上不起作用 复制,有没有办法在ios safari上复制textarea文本 这是我在android浏览器上的代码 var input = document.getElementById("input_output"); var button = document.getElementById("copy-button"); button.addEventListener("click", f
var input = document.getElementById("input_output");
var button = document.getElementById("copy-button");
button.addEventListener("click", function (event) {
event.preventDefault();
input.select();
document.execCommand("copy");
});
谢谢您可以试试这个,它适用于Ios和其他浏览器
button.addEventListener("click", function (event) {
event.preventDefault();
if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
var $input = $('#input_output');
$input.val();
var el = $input.get(0);
var editable = el.contentEditable;
var readOnly = el.readOnly;
el.contentEditable = true;
el.readOnly = false;
var range = document.createRange();
range.selectNodeContents(el);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
el.setSelectionRange(0, 999999);
el.contentEditable = editable;
el.readOnly = readOnly;
var successful = document.execCommand('copy');
$input.blur();
var msg = successful ? 'successful ' : 'un-successful ';
}
else{
var copyTextarea = document.querySelector('#input_output');
copyTextarea.select();
var successful = document.execCommand('copy');
var msg = successful ? 'successful ' : 'unsuccessful';
}
})) 您可以试试这个,它适用于Ios和其他浏览器
button.addEventListener("click", function (event) {
event.preventDefault();
if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
var $input = $('#input_output');
$input.val();
var el = $input.get(0);
var editable = el.contentEditable;
var readOnly = el.readOnly;
el.contentEditable = true;
el.readOnly = false;
var range = document.createRange();
range.selectNodeContents(el);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
el.setSelectionRange(0, 999999);
el.contentEditable = editable;
el.readOnly = readOnly;
var successful = document.execCommand('copy');
$input.blur();
var msg = successful ? 'successful ' : 'un-successful ';
}
else{
var copyTextarea = document.querySelector('#input_output');
copyTextarea.select();
var successful = document.execCommand('copy');
var msg = successful ? 'successful ' : 'unsuccessful';
}
})) 在这里看一看:在这里看一看:有一个非jQuery版本吗?它对我有用,但虚拟键盘出现了半秒钟,然后关闭了。不知道如何阻止它显示。有没有非jQuery版本的?它对我很有用,但虚拟键盘显示了半秒钟后就关闭了。我想不出如何阻止它的出现。