1. 程式人生 > >jquery觸發點選事件

jquery觸發點選事件

1.jquery觸發事件函式trigger(type,[data])

在每一個匹配的元素上出發某類事件。

這個函式也會導致瀏覽器同名的預設行為的執行。比如,如果用trigger()觸發一個submit,則同樣會導致瀏覽器表單的提交。如果要阻止這種預設行為,應返回false。

2.提交表單

$("form:first").trigger("submit")

3.給事件傳遞引數

$("p").click( function (event, a, b) {
  // 一個普通的點選事件時,a和b是undefined型別
  // 如果用下面的語句觸發,那麼a指向"foo",而b指向"bar"
} ).trigger("click", ["foo", "bar"]);
4.普通事件觸發和a標籤跳轉觸發比較

a) 普通事件觸發

<div id="test"></div>
<div id="test2" onclick="javascript:alert('test2')"></div>
<a href="http://www.baidu.com" id="baidu">百度</a>
<a href="http://www.qq.com" id="qq"><span>騰訊</span></a>

     點選test,觸發test2的點選事件:
$('#test').on('click',function(){
    $('#test2').trigger('click');	  	
});

         b) 觸發a標籤跳轉

當使用上面的方法時,發現不能觸發a標籤的跳轉。

正確使用方法:

$('#test').on('click',function(){
	document.getElementById('baidu').click();
	// $('#qq span').trigger('click');
 });
用原生js獲取a標籤,再執行trigger,或者將a標籤的內容用標籤套起來,獲取a標籤的內容觸發跳轉。