blocks|key|1549215|text|你不能让用户的鼠标做任何事情。但当事件触发时，您可以完全控制发生的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1549216|你能做的就是点击一下身体负荷。W3Schools有一个示例here.|offset|length|1549217|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/htmldom/met_button_click.asp^0|0|T|5|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

You can't make the user's mouse do anything. But you have full control over what happens when an event triggers.

What you can do is do a click on body load. W3Schools has an example <a href="http://www.w3schools.com/htmldom/met_button_click.asp" rel="nofollow noreferrer">here.</a>

blocks|key|1549286|text|就像这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1549287|<a+id="myLink"+onclick="alert('link+click');">LINK+1</a>
<a+id="myLink2"+onclick="document.getElementById('myLink').click()">Click+link+1</a>|code-block|syntax|javascript|1549288|或在页面加载时：|1549289|<body+onload="document.getElementById('myLink').click()">
...
<a+id="myLink"+onclick="alert('link+click');">LINK+1</a>
...
</body>|1549290|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Simply like that : 

<pre><code>&lt;a id="myLink" onclick="alert('link click');"&gt;LINK 1&lt;/a&gt;
&lt;a id="myLink2" onclick="document.getElementById('myLink').click()"&gt;Click link 1&lt;/a&gt;
</code></pre>

or at page load : 

<pre><code>&lt;body onload="document.getElementById('myLink').click()"&gt;
...
&lt;a id="myLink" onclick="alert('link click');"&gt;LINK 1&lt;/a&gt;
...
&lt;/body&gt;
</code></pre>

blocks|key|1333899|text|您是否可以使用Javascript转发到单击将转到的URL，而不是单击？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1333900|也许你可以把一些东西放在身体onLoad里去你想去的地方。|1333901|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Instead of clicking, can you forward to the URL that the click would go to using Javascript? 

Maybe you could put something in the body onLoad to go where you want.

blocks|key|1333959|text|如果您只想更改当前页面地址，只需在Javascript中执行以下操作即可：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1333960|location.href+=+"http://www.example.com/test";|code-block|syntax|javascript|1333961|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you only want to change the current page address, you can do that by simply doing this in Javascript :

<pre><code>location.href = "http://www.example.com/test";
</code></pre>

blocks|key|1334026|text|您可以将它们重定向到另一个页面。实际上，让它按字面意思点击一个链接并访问它似乎是不必要的，但我不知道整个故事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334027|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You could just redirect them to another page. Actually making it literally click a link and travel to it seems unnessacary, but I don't know the whole story.

blocks|key|1334105|text|此函数至少可在Firefox和Internet+Explorer中使用。它运行附加到链接的任何事件处理程序，如果事件处理程序不取消默认操作，则加载链接的页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334106|function+clickLink(link)+{
++++var+cancelled+=+false;

++++if+(document.createEvent)+{
++++++++var+event+=+document.createEvent("MouseEvents");
++++++++event.initMouseEvent("click",+true,+true,+window,
++++++++++++0,+0,+0,+0,+0,
++++++++++++false,+false,+false,+false,
++++++++++++0,+null);
++++++++cancelled+=+!link.dispatchEvent(event);
++++}
++++else+if+(link.fireEvent)+{
++++++++cancelled+=+!link.fireEvent("onclick");
++++}

++++if+(!cancelled)+{
++++++++window.location+=+link.href;
++++}
}|code-block|syntax|javascript|1334107|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This function works in at least Firefox, and Internet Explorer. It runs any event handlers attached to the link and loads the linked page if the event handlers don't cancel the default action.

<pre><code>function clickLink(link) {
 var cancelled = false;

 if (document.createEvent) {
 var event = document.createEvent("MouseEvents");
 event.initMouseEvent("click", true, true, window,
 0, 0, 0, 0, 0,
 false, false, false, false,
 0, null);
 cancelled = !link.dispatchEvent(event);
 }
 else if (link.fireEvent) {
 cancelled = !link.fireEvent("onclick");
 }

 if (!cancelled) {
 window.location = link.href;
 }
}
</code></pre>

blocks|key|1549553|text|document.getElementById('yourLinkID').click();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1549554|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>document.getElementById('yourLinkID').click();
</code></pre>

blocks|key|1334162|text|客户端JS函数能够在……时自动点击链接。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334163|下面是一个检查隐藏表单输入的值的示例，该值包含从服务器传递过来的错误。然后，您的客户端JS检查它的值，并在另一个位置填充一个错误，本例中为弹出登录模式(+specify..in+)。|1334164|var+signUperror+=+document.getElementById('handleError')

if+(signUperror)+{
++if(signUperror.innerHTML+!=+""){
++var+clicker+=+function(){
++++document.getElementById('signup').click()
++}
++clicker()
++}
}|code-block|syntax|javascript|1334165|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Client Side JS function to automatically click a link when...

Here is an example where you check the value of a hidden form input, which holds an error passed down from the server.. your client side JS then checks the value of it and populates an error in another location that you specify..in this case a pop-up login modal.

<pre><code>var signUperror = document.getElementById('handleError')

if (signUperror) {
 if(signUperror.innerHTML != ""){
 var clicker = function(){
 document.getElementById('signup').click()
 }
 clicker()
 }
}
</code></pre>

blocks|key|1334199|text|单击链接的jQuery方式是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334200|$('#LinkID').click();|code-block|syntax|javascript|1334201|对于mailTo链接，您必须编写以下代码|1334202|$('#LinkID')[0].click();|1334203|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

The jQuery way to click a link is

<pre><code>$('#LinkID').click();
</code></pre>

For mailTo link, you have to write the following code

<pre><code>$('#LinkID')[0].click();
</code></pre>

blocks|key|1334245|text|对我来说，我设法让它以这种方式工作。我在5000毫秒内部署了自动点击，然后在1000毫秒后关闭了循环。然后只有一次自动点击。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334246|<script>+var+myVar+=+setInterval(function+({document.getElementById("test").click();},+500));+setInterval(function+()+{clearInterval(myVar)},+1000));</script>|code-block|syntax|javascript|1334247|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For me, I managed to make it work that way. I deployed the automatic click in 5000 milliseconds and then closed the loop after 1000 milliseconds. Then there was only 1 automatic click.
<pre><code>&lt;script&gt; var myVar = setInterval(function ({document.getElementById(&quot;test&quot;).click();}, 500)); setInterval(function () {clearInterval(myVar)}, 1000));&lt;/script&gt;
</code></pre>

blocks|key|1549742|text|上面的许多方法都已被弃用。现在建议使用构造函数found+here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1549743|function+clickAnchorTag()+{
++++var+event+=+document.createEvent('MouseEvent');
++++event+=+new+CustomEvent('click');
++++var+a+=+document.getElementById('nameOfID');
++++a.dispatchEvent(event);
}|code-block|syntax|javascript|1549744|这将导致锚标签被单击，但它不会显示弹出窗口阻止程序是否处于活动状态，因此用户将需要允许弹出窗口。|1549745|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent^0|T|4|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Many of the above methods have been deprecated. It is now recommended to use the constructor found <a href="https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent" rel="nofollow noreferrer">here</a>

<pre><code>function clickAnchorTag() {
 var event = document.createEvent('MouseEvent');
 event = new CustomEvent('click');
 var a = document.getElementById('nameOfID');
 a.dispatchEvent(event);
}
</code></pre>

This will cause the anchor tag to be clicked, but it wont show if pop-up blockers are active so the user will need to allow pop-ups.

blocks|key|1334336|text|对于那些想要点击所有有特定文本内容的链接的人来说，这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1334337|​|1334338|for+(const+a+of+document.querySelectorAll("a"))+{
++if+(a.textContent.includes("<your+text+to+be+searched+here>"))+{
++++a.click();
++}
}|code-block|syntax|javascript|1334339|1334340|参考：https://stackoverflow.com/a/42907920/2361131|offset|length|1334341|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/42907920/2361131^0|0|0|0|0|3|18|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|X|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@$L|10|M|11|1|12]]|A|$]]|$1|N|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]]]

for those wanting to click all links that have a particular text content, this would work:
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>for (const a of document.querySelectorAll("a")) {
 if (a.textContent.includes("&lt;your text to be searched here&gt;")) {
 a.click();
 }
}</code></pre>
</div>
</div>

reference: <a href="https://stackoverflow.com/a/42907920/2361131">https://stackoverflow.com/a/42907920/2361131</a>

Is there a way to click on a link on my page using JavaScript?

How do I programmatically click a link with javascript?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

有没有办法用JavaScript点击我页面上的链接？

问如何使用javascript以编程方式单击链接？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用javascript以编程方式单击链接？EN