jquery - 通过点击事件触发粘贴事件

Question

我有这样的粘贴事件:

$("body").bind("paste", function (e) {

        var pastedData = e.originalEvent.clipboardData.getData('text');

        console.log(pastedData);

});

效果很好!不过，我还希望选项通过单击事件获取剪贴板数据，如下所示:

$("#clipboard").on("click", function (e) {

        $("body").trigger("paste");

    });

但是当我尝试这个时，我收到此错误:

Cannot read property 'clipboardData' of undefined

有没有办法通过点击事件获取剪贴板数据？或者通过点击事件触发粘贴事件？

Answer 1

此代码可能适合您。请让我知道这个解决方案就是您想要的!

工作 fiddle :https://jsfiddle.net/as6c3pLz/1/

html

<input id="trigger">
<button id="click" >CLICK TO PASTE</button>

Jquery

$('#click').click(function(){
    navigator.clipboard.readText().then(text => {
        // use text as a variable, here text = 'clipboard text'
        $('#trigger').val(text);
    });
});

注意:但是，它可能不适用于所有事件
例如。对于 mouseover、mouseleave 它不起作用
但目前可以使用 click、keyup、keydown

记住:(正如 David Bray 所说)在某些情况下，使用粘贴可能会被视为违规，因为用户可以复制许多重要信息并且可能被窃取。因此，如果您出于愚蠢的原因需要它，请不要使用它。而且，对于更高版本的浏览器，可能不支持它。