gpt4 book ai didi

javascript - 使用 javascript 以编程方式单击非按钮元素?

转载 作者:可可西里 更新时间:2023-11-01 01:58:26 25 4
gpt4 key购买 nike

如何使用 javascript 以编程方式单击非按钮元素?或者至少在 Firefox 和 Chrome 等浏览器中是可能的?

最佳答案

信不信由你,对于一个相当基本的点击,您只需调用 click 就可以了(更多内容在下面):Live Example | Live Source

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Artificial Click</title>
</head>
<body>
<div id="foo">xxxxxxx</div>
<script>
(function() {
var foo = document.getElementById("foo");
foo.addEventListener("click", function() {
display("Clicked");
}, false);
setTimeout(function() {
display("Artificial click:");
foo.click(); // <==================== The artificial click
}, 500);
function display(msg) {
var p = document.createElement('p');
p.innerHTML = String(msg);
document.body.appendChild(p);
}
})();
</script>
</body>
</html>

您还可以创建相关类型的 Event 对象并使用 dispatchEvent将其发送到元素:

var e = new MouseEvent("click", {
view: window,
bubbles: true,
cancelable: true
});
foo.dispatchEvent(e);

这让您有机会在您模拟的事件上设置其他信息(例如典型的 pageXpageY)。

有关 Section 5 中各种事件对象类型的更多信息DOM 事件规范。

关于javascript - 使用 javascript 以编程方式单击非按钮元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20870975/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com