blocks|key|523707|text|通过JavaScript触发单击不会打开超链接。这是内置在浏览器中的安全措施。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|523708|不过，请参阅this+question了解一些变通方法。|offset|length|523709|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/q/1421584/901048^0|0|6|D|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]]]]

Triggering a click via JavaScript will not open a hyperlink. This is a security measure built into the browser. 

See <a href="https://stackoverflow.com/q/1421584/901048">this question</a> for some workarounds, though.

blocks|key|523770|text|我没有事实证据来证明这一点，但我已经遇到了这个问题。在<a>标记上触发click()事件似乎与您期望的输入按钮的行为方式不同。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|523771|我采用的解决方法是在窗口上设置location.href属性，这会导致浏览器加载请求资源，如下所示：|523772|$(document).ready(function()
{
++++++var+href+=+$('.cssbuttongo').attr('href');
++++++window.location.href+=+href;+//causes+the+browser+to+refresh+and+load+the+requested+url
+++});
});|code-block|syntax|javascript|523773|编辑：|523774|我想做一个js小提琴，但这个问题的性质与jsfiddle如何使用iframe来呈现代码的性质混合在一起，这使得这是行不通的。|523775|entityMap^0|R|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

I do not have factual evidence to prove this but I already ran into this issue. It seems that triggering a click() event on an <code>&lt;a&gt;</code> tag doesn't seem to behave the same way you would expect with say, a input button.

The workaround I employed was to set the location.href property on the window which causes the browser to load the request resource like so:

<pre><code>$(document).ready(function()
{
 var href = $('.cssbuttongo').attr('href');
 window.location.href = href; //causes the browser to refresh and load the requested url
 });
});
</code></pre>

Edit:

I would make a js fiddle but the nature of the question intermixed with how jsfiddle uses an iframe to render code makes that a no go.

blocks|key|740295|text|原生DOM方法做了正确的事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|740296|$('.cssbuttongo')[0].click();
++++++++++++++++++%5E
++++++++++++++Important!|code-block|syntax|javascript|740297|无论href是一个URL，一个片段(例如#blah)，甚至是一个javascript:，这都是有效的。|offset|length|style|CODE|740298|请注意，这将调用DOM+click方法，而不是jQuery+click方法(该方法非常不完整，并且完全忽略了href)。|740299|entityMap^0|0|0|2|4|K|5|W|B|0|C|5|U|5|1I|4|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]|$I|V|J|W|K|L]|$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@$I|10|J|11|K|L]|$I|12|J|13|K|L]|$I|14|J|15|K|L]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$]]

The native DOM method does the right thing:

<pre><code>$('.cssbuttongo')[0].click();
 ^
 Important!
</code></pre>

This works regardless of whether the <code>href</code> is a URL, a fragment (e.g. <code>#blah</code>) or even a <code>javascript:</code>.

Note that this calls the DOM <code>click</code> method instead of the jQuery <code>click</code> method (which is very incomplete and completely ignores <code>href</code>).

blocks|key|740352|text|只是想让你们知道，公认的答案并不总是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|740353|下面是一个失败的例子。|740354|如果是<href='/list'>|offset|length|style|CODE|740355|href+=+$('css_selector').attr('href')
"/list"
href+=+document.querySelector('css_selector').href
"http://localhost/list"|code-block|syntax|javascript|740356|或者，您可以将从jQuery获得的href附加到以下内容|740357|href+=+document.URL+%2B$('css_selector').attr('href');|740358|或jQuery方式|740359|href+=+$('css_selector').prop('href')|740360|最后，调用它来更改浏览器当前页面的url|740361|window.location.href+=+href|740362|或者使用window.open(url)将其弹出|740363|Here是JSFiddle中的一个例子。|740364|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Xj2wD/^0|0|0|3|E|0|0|0|0|0|0|0|0|4|G|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1E|8|@$F|1F|G|1G|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1H|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1I|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|1J|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|1K|8|@]|9|@]|A|$]]|$1|U|3|V|5|L|7|1L|8|@]|9|@]|A|$M|N]]|$1|W|3|X|5|6|7|1M|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|1N|8|@]|9|@]|A|$M|N]]|$1|10|3|11|5|6|7|1O|8|@$F|1P|G|1Q|H|I]]|9|@]|A|$]]|$1|12|3|13|5|6|7|1R|8|@]|9|@$F|1S|G|1T|1|1U]]|A|$]]|$1|14|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B]]]]

Just want to let you guys know, the accepted answer doesn't always work.

Here's an example it will fail.

if <code>&lt;href='/list'&gt;</code>

<pre><code>href = $('css_selector').attr('href')
"/list"
href = document.querySelector('css_selector').href
"http://localhost/list"
</code></pre>

or you could append the href you got from jQuery to this

<pre><code>href = document.URL +$('css_selector').attr('href');
</code></pre>

or jQuery way

<pre><code>href = $('css_selector').prop('href')
</code></pre>

Finally, invoke it to change the browser current page's url

<pre><code>window.location.href = href
</code></pre>

or pop it out using <code>window.open(url)</code>

<a href="http://jsfiddle.net/Xj2wD/" rel="nofollow">Here</a>'s an example in JSFiddle.

blocks|key|523946|text|我遇到了一个类似的问题，如何点击一个按钮，而不是一个链接。单击(‘.trigger’)或.click()方法没有成功，我不知道为什么。最后，以下内容对我来说是有效的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|523947|$('#elementid').mousedown();|code-block|syntax|javascript|523948|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|$]]

I was facing a similar issue how to click a button, instead of a link. It did not success in the methods .trigger('click') or [0].click(), and I did not know why. At last, the following was working for me:

<pre><code>$('#elementid').mousedown();
</code></pre>

I'm trying to trigger click event on hyperlink with jQuery like the way below. Hyperlink does not have any id but it does have css class:
<pre><code>$(document).ready(function () { 
 $('.cssbuttongo').trigger('click'); 
}); 
</code></pre>
The function above is not working. This is the hyperlink:
<pre><code>&lt;a href=&quot;hyperlinkurl&quot; class=&quot;cssbuttongo&quot;&gt;hyperlink anchor&lt;/a&gt;
</code></pre>

How to trigger click event on href element

我试着用下面的方式在jQuery的超链接上触发点击事件。Hyperlink没有任何id，但它有css类：$(document).ready(function () { $('.cssbuttongo').trigger('click'); }); 上面的功能不起作用。这是超链接：<a href="hyperlin...

问如何在href元素上触发点击事件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在href元素上触发点击事件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在href元素上触发点击事件
EN