Question

我有问题。当我使用鼠标悬停事件时，JavaScript剪贴板不起作用。如果我使用click事件，它就可以工作。我不知道如何解决这个问题。

代码：

＆＃13;

function select(data) {
    var el = document.querySelector(data.el)
    var target = document.querySelector(data.target)

    el.addEventListener(data.event, function() {
        target.select();
        if(data.copy) {
            var successful = document.execCommand('copy')
            
            console.log(successful)
        }
    }, false)
}

select({
    el: '.btn',
    event: 'mouseover',
    target: '[name="txtArea"]',
    copy: true
})

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title>Clipboard JS</title>
    <script src="js/clip.js"></script>
</head>
<body>
<input type="text" name="txtArea" value="Lorem ipsum dolor sit amet!">

<button class="btn">Select</button>

<script src="js/custom.js"></script>
</body>
</html>

＆＃13;

Answer 1

因为mouseover事件不允许修改剪贴板。

当我使用鼠标悬停事件时，JavaScript剪贴板不起作用

1 个答案: