blocks|key|1362284|text|我最近发现了如何通过jQuery触发鼠标点击事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362285|++++<script+type="text/javascript">
++++var+a+=+$('.path+>+.to+>+.element+>+a')[0];
++++var+e+=+document.createEvent('MouseEvents');
++++e.initEvent(+'click',+true,+true+);
++++a.dispatchEvent(e);
++++</script>|code-block|syntax|javascript|1362286|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've recently found how to trigger mouse click event via jQuery.

<pre><code> &lt;script type="text/javascript"&gt;
 var a = $('.path &gt; .to &gt; .element &gt; a')[0];
 var e = document.createEvent('MouseEvents');
 e.initEvent( 'click', true, true );
 a.dispatchEvent(e);
 &lt;/script&gt;
</code></pre>

blocks|key|1362347|text|我使用Jure的脚本实现了这一点，可以轻松地“单击”任意数量的元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362348|我刚刚在1600%2B项目上使用了谷歌阅读器，它工作得很好(在火狐中)！|1362349|var+e+=+document.createEvent('MouseEvents');
e.initEvent(+'click',+true,+true+);
$(selector).each(function(){this.dispatchEvent(e);});|code-block|syntax|javascript|1362350|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|$]]

Using Jure's script I made this, to easily "click" as many elements as you want. 
I just used it Google Reader on 1600+ items and it worked perfectly (in Firefox)!

<pre><code>var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
$(selector).each(function(){this.dispatchEvent(e);});
</code></pre>

blocks|key|1362417|text|您可以通过jQuery或在HTML页面代码中使用模拟链接href的操作来创建表单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362418|<a+id="anchor_link"+href="somepath.php">click+here</a>.|offset|length|style|CODE|1362419|var+link+=+$('#anchor_link').attr('href');
$('body').append('<form+id="new_form"+action="'%2Blink%2B'"></form>');
$('#new_form').submit();|code-block|syntax|javascript|1362420|entityMap^0|0|0|1J|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can create a form via jQuery or in the HTML page code with an action that mimics your link href: 

<code>&lt;a id="anchor_link" href="somepath.php"&gt;click here&lt;/a&gt;.</code>

<pre><code>var link = $('#anchor_link').attr('href');
$('body').append('&lt;form id="new_form" action="'+link+'"&gt;&lt;/form&gt;');
$('#new_form').submit();
</code></pre>

blocks|key|1362458|text|JQuery('#left').triggerHandler('click');在火狐和IE7中运行良好。我还没有在其他浏览器上测试过。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1362459|如果要触发自动用户点击，请执行以下操作：|1362460|window.setInterval(function()+
++++{
++++++++$('#left').triggerHandler('click');
++++},+1000);|code-block|syntax|javascript|1362461|entityMap^0|0|14|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<code>JQuery('#left').triggerHandler('click');</code> works fine in Firefox and IE7. I haven't tested it on other browsers.

If want to trigger automatic user clicks do the following:

<pre><code>window.setInterval(function() 
 {
 $('#left').triggerHandler('click');
 }, 1000);
</code></pre>

blocks|key|1577754|text|要模拟在页面上单击锚点，我只需在$(document).ready.中使用jQuery对scrollTop属性进行动画处理不需要复杂的触发器，它适用于IE+6和所有其他浏览器。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1577755|entityMap^0|G|I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

To simulate a click on an anchor while landing on a page, I just used jQuery to animate the scrollTop property in <code>$(document).ready.</code> No need for a complex trigger, and that works on IE 6 and every other browser.

blocks|key|1362592|text|这种方法适用于firefox、chrome和IE。希望它能帮助到某些人：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362593|var+comp+=+document.getElementById('yourCompId');
try+{+//in+firefox
++++comp.click();
++++return;
}+catch(ex)+{}
try+{+//+in+chrome
++++if(document.createEvent)+{
++++++++var+e+=+document.createEvent('MouseEvents');
++++++++e.initEvent(+'click',+true,+true+);
++++++++comp.dispatchEvent(e);
++++++++return;
++++}
}+catch(ex)+{}
try+{+//+in+IE
++++if(document.createEventObject)+{
+++++++++var+evObj+=+document.createEventObject();
+++++++++comp.fireEvent("onclick",+evObj);
+++++++++return;
++++}
}+catch(ex)+{}|code-block|syntax|javascript|1362594|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 approach works on firefox, chrome and IE. hope it helps someone:

<pre><code>var comp = document.getElementById('yourCompId');
try { //in firefox
 comp.click();
 return;
} catch(ex) {}
try { // in chrome
 if(document.createEvent) {
 var e = document.createEvent('MouseEvents');
 e.initEvent( 'click', true, true );
 comp.dispatchEvent(e);
 return;
 }
} catch(ex) {}
try { // in IE
 if(document.createEventObject) {
 var evObj = document.createEventObject();
 comp.fireEvent("onclick", evObj);
 return;
 }
} catch(ex) {}
</code></pre>

blocks|key|1362666|text|如果你不需要像我一样使用JQuery，我在使用.click()的跨浏览器功能时遇到了问题。所以我使用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1362667|eval(document.getElementById('someid').href)|code-block|syntax|javascript|1362668|entityMap^0|N|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

If you don't need to use JQuery, as I don't. I've had problems with the cross browser func of <code>.click()</code>. So I use:

<pre><code>eval(document.getElementById('someid').href)
</code></pre>

blocks|key|1577972|text|我相信你可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1577973|$('#yourLink').bind('click',+function()+{
++//Do+something+over+here
});

$('#yourLink').trigger('click');|code-block|syntax|javascript|1577974|这将很容易触发点击功能，而不需要实际点击它。|1577975|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I believe you can use:

<pre><code>$('#yourLink').bind('click', function() {
 //Do something over here
});

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

This will easily trigger the click function, without actually clicking on it.

blocks|key|1362792|text|对我起作用的是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362793|$('a.mylink')[0].click()|code-block|syntax|javascript|1362794|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|$]]

What worked for me was:

<pre><code>$('a.mylink')[0].click()
</code></pre>

blocks|key|1362826|text|在Javascript中，您可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362827|function+submitRequest(buttonId)+{
++++if+(document.getElementById(buttonId)+==+null
++++++++++++%7C%7C+document.getElementById(buttonId)+==+undefined)+{
++++++++return;
++++}
++++if+(document.getElementById(buttonId).dispatchEvent)+{
++++++++var+e+=+document.createEvent("MouseEvents");
++++++++e.initEvent("click",+true,+true);
++++++++document.getElementById(buttonId).dispatchEvent(e);
++++}+else+{
++++++++document.getElementById(buttonId).click();
++++}
}|code-block|syntax|javascript|1362828|你可以像这样使用它|1362829|submitRequest("target-element-id");|1362830|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|$]]

In Javascript you can do like this

<pre><code>function submitRequest(buttonId) {
 if (document.getElementById(buttonId) == null
 || document.getElementById(buttonId) == undefined) {
 return;
 }
 if (document.getElementById(buttonId).dispatchEvent) {
 var e = document.createEvent("MouseEvents");
 e.initEvent("click", true, true);
 document.getElementById(buttonId).dispatchEvent(e);
 } else {
 document.getElementById(buttonId).click();
 }
}
</code></pre>

and you can use it like

<pre><code>submitRequest("target-element-id");
</code></pre>

blocks|key|1578077|text|虽然这是一个非常老的问题，但我发现了一些更容易处理这项任务的方法。它是由jquery+UI团队开发的名为simulate的jquery插件。您可以将其包含在jquery之后，然后可以执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1578078|<a+href="http://stackoverflow.com/"></a>
$('a').simulate('click');|code-block|syntax|javascript|1578079|在chrome，firefox，opera和IE10中运行良好。你可以从https://github.com/eduardolundgren/jquery-simulate/blob/master/jquery.simulate.js下载它|offset|length|1578080|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/eduardolundgren/jquery-simulate/blob/master/jquery.simulate.js^0|0|0|10|29|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Although this is very old question i found something easier to handle this task. It is jquery plugin developed by jquery UI team called simulate. you can include it after jquery and then you can do something like

<pre><code>&lt;a href="http://stackoverflow.com/"&gt;&lt;/a&gt;
$('a').simulate('click');
</code></pre>

works fine in chrome, firefox, opera and IE10.you can download it from <a href="https://github.com/eduardolundgren/jquery-simulate/blob/master/jquery.simulate.js" rel="noreferrer">https://github.com/eduardolundgren/jquery-simulate/blob/master/jquery.simulate.js</a>

blocks|key|1362903|text|这不适用于android原生浏览器点击“隐藏输入(文件)元素”：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362904|$('a#swaswararedirectlink')[0].click();|code-block|syntax|javascript|1362905|但这是可行的：|1362906|$("#input-file").show();
$("#input-file")[0].click();
$("#input-file").hide();|1362907|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|$]]

This doesn't work on android native browser to click "hidden input (file) element":

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

But this works:

<pre><code>$("#input-file").show();
$("#input-file")[0].click();
$("#input-file").hide();
</code></pre>

blocks|key|1362947|text|在尝试使用jQuery+UI微调器模拟单元测试中的“点击”时，我无法得到之前的任何答案。特别是，我试图模拟选择向下箭头的“旋转”。我查看了jQuery+UI+spinner+unit+tests，他们使用了以下方法，这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1362948|element.spinner(+"widget"+).find(+".ui-spinner-up"+).mousedown().mouseup();|code-block|syntax|javascript|1362949|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jquery/jquery-ui/tree/master/tests/unit/spinner^0|1X|S|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

In trying to simulate a 'click' in unit tests with the jQuery UI spinner I could not get any of the previous answers to work. In particular, I was trying to simulate the 'spin' of selecting the down arrow. I looked at the <a href="https://github.com/jquery/jquery-ui/tree/master/tests/unit/spinner" rel="nofollow">jQuery UI spinner unit tests</a> and they use the following method, which worked for me:

<pre><code>element.spinner( "widget" ).find( ".ui-spinner-up" ).mousedown().mouseup();
</code></pre>

I have a problem with faking an anchor click via jQuery:
Why does my thickbox appear the first time I click on the input button, but not the second or third time?

Here is my code:

<pre><code>&lt;input onclick="$('#thickboxId').click();" type="button" value="Click me" /&gt;

&lt;a id="thickboxId" href="myScript.php" class="thickbox" title=""&gt;Link&lt;/a&gt;
</code></pre>

It does always work when I click directly on the link, but not if I try to activate the thickbox via the input button. This is in FF. For Chrome it seems to work every time. Any hints?

How can I simulate an anchor click via jquery?

单元测试

jQuery

我在通过jQuery伪造锚点点击时遇到了一个问题:为什么我的厚框在我第一次点击输入按钮时出现，而不是第二次或第三次出现？下面是我的代码：<input onclick="$('#thickboxId').click();" type="button" value="Click me" /><a id="thickboxI...

问如何通过jquery模拟锚点点击？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过jquery模拟锚点点击？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过jquery模拟锚点点击？
EN