HTML 原生点击事件

发布于 2024-09-29 05:12:39 字数 288 浏览 5 评论 0原文

有没有一种方法可以在 javascript 中以编程方式调用标签的本机单击事件？ .trigger('click') 或 .click() 函数将不起作用，因为它们触发链接的 onClick 事件，而不是 URL 后面的事件。我需要以编程方式单击隐藏链接，然后按照该链接转到同一浏览器中的新选项卡。 Window.open 也不起作用，因为这会导致弹出窗口，我试图避免这种情况。我需要这个，因为我在服务器端动态生成 URL 并通过 JSON 发送回响应。然后，我使用生成的 URL 填充隐藏链接的 HREF 属性。如果我能得到如何做到这一点的答案，我将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

尸血腥色 2024-10-06 05:12:39

如果您使用 JSON 响应填充 HREF，为什么不将其存储在变量中，然后当您想要访问它时，window.location = yourVariable;？

回复收藏 0 原文

思念绕指尖 2024-10-06 05:12:39

除非您希望它仅在 IE 上运行，否则我无法为您提供答案，但我可以告诉您问题是什么。问题是target=_blank。尝试使用以下代码作为测试 - 请注意它会将您带到 Google.com - 然后尝试写入“_blank”作为目标。这似乎是浏览器唯一不允许的事情。您问题的部分答案是 fireEvent() 适用于 IE，而 dispatchEvent() 适用于其他所有内容。如果其他人可以改进此代码，我也将不胜感激更好的答案。

<html>
<head>
<script type="text/javascript">
window.onload = function fireElement() {
var target=document.getElementById('foobar');
if(document.dispatchEvent) { // W3C
var oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent("click", true, true, window, 1, 1, 1, 1, 1, false, false, false, false, 0, target);
target.dispatchEvent( oEvent );
}
else if(document.fireEvent) { // IE
target.fireEvent("onclick");
} 
}
</script>

</head>
<body>
<div>
<a id="foobar" target="" href="http://www.google.com"></a>
</div>
</body>
</html>

Unless you want this to work on IE only, I don't have an answer for you, but I can tell you what the problem is. The problem is target=_blank. Try the following code as a test--notice it will bring you to Google.com--then try writing "_blank" in as the target. That seems to be the only thing that the browsers won't allow. A partial answer to your question is fireEvent() works with IE and dispatchEvent() works with everything else. If anyone else could improve on this code, I would appreciate a better answer as well.

<html>
<head>
<script type="text/javascript">
window.onload = function fireElement() {
var target=document.getElementById('foobar');
if(document.dispatchEvent) { // W3C
var oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent("click", true, true, window, 1, 1, 1, 1, 1, false, false, false, false, 0, target);
target.dispatchEvent( oEvent );
}
else if(document.fireEvent) { // IE
target.fireEvent("onclick");
} 
}
</script>

</head>
<body>
<div>
<a id="foobar" target="" href="http://www.google.com"></a>
</div>
</body>
</html>

回复收藏 0 原文