Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ios Safari的复制按钮_Javascript_Ios_Iphone_Safari_Copy Paste - Fatal编程技术网

Javascript Ios Safari的复制按钮

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

大家好,我想复制按钮在我的移动网站,我有 用JS实现它,它在android上运行良好,但在ios文本上不起作用 复制,有没有办法在ios safari上复制textarea文本

这是我在android浏览器上的代码

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版本的?它对我很有用,但虚拟键盘显示了半秒钟后就关闭了。我想不出如何阻止它的出现。