Question

我想以编程方式触发mouseup事件：

<div id="abc">Click me</div>

<script>
    document.getElementById('abc').addEventListener('mouseup', function () {
        alert('mouseup');
    });
</script>

现在，触发我尝试了以下内容：

document.getElementById('abc').onmouseup();

或者使用jquery

$('#x').trigger('mouseup');

这些都不会导致alert所以我必须在这里做错事。这里的任何指导将不胜感激

DEMO

更新：修复了addEventListener

的类型

Answer 1

<div id="abc">Click me</div>

<script> document.getElementById.addEventListener('mouseup', function () { alert('mouseup'); }); </script>

getElementById错过了这里的参数，即 getElementById（＆＃39; abc＆＃39;）

document.getElementById('abc').onmouseup();

onmouseup（）不是一个函数，它是一个Event属性，应该在某个元素上调用。

$('#x').trigger('mouseup');

应该这样做：

$( "#abc" ).click(function() { $( "#x" ).mouseup(); });

Answer 2

getElementById 在下面的代码中没有调用和参数。

document.getElementById.addEventListener('mouseup', function () {
    alert('mouseup');
});

正确的例子

document.getElementById("the id of the element").addEventListener('mouseup', function () {
    alert('mouseup');
});

如果您想要不是通过鼠标而是使用代码触发事件，这个链接已经有了答案 How to trigger event in JavaScript?

以程序方式触发鼠标升级

2 个答案: