jquery模擬鼠標(biāo)點(diǎn)擊動(dòng)作

trigger(type,[data])

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)瀘水,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

在每一個(gè)匹配的元素上觸發(fā)某類事件。

這個(gè)函數(shù)也會(huì)導(dǎo)致瀏覽器同名的默認(rèn)行為的執(zhí)行。比如，如果用trigger()觸發(fā)一個(gè)'submit'，則同樣會(huì)導(dǎo)致瀏覽器提交表單。如果要阻止這種默認(rèn)行為，應(yīng)返回false。

你也可以觸發(fā)由bind()注冊的自定義事件

返回值 jQuery

參數(shù)

type (String) : 要觸發(fā)的事件類型

data (Array) : (可選)傳遞給事件處理函數(shù)的附加參數(shù)

示例

提交第一個(gè)表單，但不用submit()

jQuery 代碼:

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

--------------------------------------------------------------------------------

給一個(gè)事件傳遞參數(shù)

jQuery 代碼:

$("p").click( function (event, a, b) {

// 一個(gè)普通的點(diǎn)擊事件時(shí)，a和b是undefined類型

// 如果用下面的語句觸發(fā)，那么a指向"foo",而b指向"bar"

} ).trigger("click", ["foo", "bar"]);

--------------------------------------------------------------------------------

下面的代碼可以顯示一個(gè)"Hello World"

jQuery 代碼:

$("p").bind("myEvent", function (event, message1, message2) {

alert(message1 + ' ' + message2);

});

$("p").trigger("myEvent", ["Hello","World!"]);

=====================================================================

triggerHandler(type,[data])

這個(gè)特別的方法將會(huì)觸發(fā)指定的事件類型上所有綁定的處理函數(shù)。但不會(huì)執(zhí)行瀏覽器默認(rèn)動(dòng)作.

返回值 jQuery

參數(shù)

type (String) : 要觸發(fā)的事件類型

data (Array) : (可選)傳遞給事件處理函數(shù)的附加參數(shù)

示例

如果你對(duì)一個(gè)focus事件執(zhí)行了 .triggerHandler() ，瀏覽器默認(rèn)動(dòng)作將不會(huì)被觸發(fā)，只會(huì)觸發(fā)你綁定的動(dòng)作。

HTML 代碼:

button id="old".trigger("focus")/button

button id="new".triggerHandler("focus")/buttonbr/br/

input type="text" value="To Be Focused"/

jQuery 代碼:

$("#old").click(function(){

$("input").trigger("focus");

});

$("#new").click(function(){

$("input").triggerHandler("focus");

});

$("input").focus(function(){ $("spanFocused!/span").appendTo("body").fadeOut(1000); });

jquery怎么模擬點(diǎn)擊超

有時(shí)候我們需要頁面自動(dòng)點(diǎn)擊超鏈接或者按鈕，可以用js或者jQuery利用程序去點(diǎn)擊，方法很簡單，按鈕或超鏈接代碼如下：

點(diǎn)擊超鏈接 點(diǎn)擊按鈕

上面是一個(gè)超鏈接和一個(gè)按鈕，并且超鏈接和按鈕都綁定了點(diǎn)擊事件

先看超鏈接，如果我們打算點(diǎn)擊超鏈接的同時(shí)不僅觸發(fā)事件而且跳轉(zhuǎn)到href的指定鏈接，可以用：

script

document.getElementById("alink").click();/script

這樣就可以實(shí)現(xiàn)上面的功能，但是如果我只想觸發(fā)事件而不想跳轉(zhuǎn)呢，方法有兩個(gè)，第一個(gè)是href寫上href="javascript:;"

另外的方法是引入jQuery，然后用jQuery點(diǎn)擊事件觸發(fā)

script

$("#alink").click();/script

這樣就不會(huì)跳轉(zhuǎn)了

如果是按鈕的話，直接用以下代碼：1 script2 //真正的用程序點(diǎn)擊按鈕3 document.getElementById("btn").click();4 //沒有點(diǎn)擊按鈕，只是執(zhí)行了按鈕所綁定的事件5 document.getElementById("btn").onclick();6 /script

jquery模擬鼠標(biāo)點(diǎn)擊事件

function test(){

$("[name=userList]:checkbox").click(); //有方法體就是重寫，沒方法體就是調(diào)用。所以，這樣。

}

test();

-----------------------------------

input type="hidden" id='h_input' /

script

$("[name=userList]").click(function(){

//多個(gè)值的話

var values = "";

$("[name=userList]:checked").each(function(){

values += $(this).val()+"|"; //用 ‘|’ 連接

});

$("#h_input").val(values);

});

/script

jQuery事件

bind();

參數(shù)一：要綁定事件函數(shù)的事件名。

參數(shù)二：要綁定的事件函數(shù)（事件函數(shù)名），如果將來有可能刪除該綁定的函數(shù)，則必須傳函數(shù)名。

bind()方法可以通過鏈?zhǔn)秸{(diào)用的形式連續(xù)多次調(diào)用，進(jìn)而個(gè)同一標(biāo)簽的同一事件（不同事件）添加不同的事件函數(shù)。

on('事件名',fn);

one('事件名',fn);該方法綁定的事件函數(shù)只能被觸發(fā)一次。

unbind();

參數(shù)一：要解綁事件函數(shù)的事件名（如果只傳這一個(gè)參數(shù)，則該事件名中綁定的函數(shù)全部解除）。

參數(shù)二：要解除綁定的事件函數(shù)名。

off();

注意：bind()和unbind()在3.0后已經(jīng)被on()和off()取代。

事件簡寫本質(zhì)就是簡化給標(biāo)簽添加事件函數(shù)的操作，標(biāo)準(zhǔn)的添加事件方法：on/bind/one,類似于js的DOM2級(jí)添加事件函數(shù)操作；事件簡寫類似于DOM0級(jí)的事件綁定操作。

jq事件簡寫綁定事件函數(shù)的技術(shù)實(shí)現(xiàn)原理：

1、jq給每一個(gè)事件名定義了同名的函數(shù)，用戶調(diào)用的事件簡寫形式，就是在調(diào)用這個(gè)和事件名同名的函數(shù)

2、同名函數(shù)內(nèi)部實(shí)現(xiàn)原理：當(dāng)用戶調(diào)用了該函數(shù)，首先獲取該函數(shù)的函數(shù)名（函數(shù)名代表的是事件名），在函數(shù)內(nèi)部通過on把通過參數(shù)傳進(jìn)來的函數(shù)綁定在函數(shù)名對(duì)應(yīng)的事件上。

blur(fn)：失去焦點(diǎn)時(shí)觸發(fā)該方法。

focus(fn)：當(dāng)鼠標(biāo)或tab按鈕讓元素獲得焦點(diǎn)時(shí)，觸發(fā)該函數(shù)。

change(fn)：表單元素失去焦點(diǎn)（單選框、復(fù)選框、下拉菜單標(biāo)簽被選中即可觸發(fā)，不需等待失去焦點(diǎn)），觸發(fā)該事件。

click(fn)：鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)該事件。

dbclick(fn)：雙擊元素時(shí)觸發(fā)該事件（注意：把click和dbclick用于同一個(gè)元素會(huì)產(chǎn)生問題）。

$(window).scroll(fn)：當(dāng)頁面滾動(dòng)時(shí)觸發(fā)事件。

hover(fn1,fn2):鼠標(biāo)移入觸發(fā)fn1函數(shù)，鼠標(biāo)移出觸發(fā)fn2函數(shù)。

復(fù)合事件：toggle().在1.8之前中，復(fù)合了奇、偶次點(diǎn)擊事件，在1.9之后的版本中toggle方法用于jq的動(dòng)畫

toggle（）方法在1.8之前的版本中需要兩個(gè)函數(shù)類型作為參數(shù)，奇數(shù)次點(diǎn)擊觸發(fā)第一個(gè)函數(shù)，偶數(shù)次店家觸發(fā)第二個(gè)函數(shù)。

事件對(duì)象的獲?。涸谑录|發(fā)的函數(shù)中傳遞event參數(shù)。

event.type:事件類型

event.target:觸發(fā)事件的元素

e.currentTarget:事件綁定在哪個(gè)元素上

event.pageX:鼠標(biāo)相對(duì)于文檔的左側(cè)坐標(biāo)

event.pageY:鼠標(biāo)相對(duì)于文檔的頂部坐標(biāo)

e.preventDefault():取消標(biāo)簽事件，如a標(biāo)簽的頁面跳轉(zhuǎn)。

e.stopPropagation():阻止事件冒泡

1、阻止事件冒泡

stopPropagation()方法

2、阻止默認(rèn)行為

preventDefault()方法

注意：1、return false 在jQuery中是即阻止事件冒泡又阻止默認(rèn)行為

　2、jQuery不支持事件捕獲

解密jQuery事件核心：

如何用jquery的trigger方法模擬點(diǎn)擊事件

常用模擬

在jQuery中，可以使用trigger()方法完成模擬操作。

例如，使用如下代碼來觸發(fā)id為btn按鈕的click事件。

代碼示例:

$("#btn").trigger("click");

當(dāng)頁面加載完畢后，就會(huì)立刻輸出想要的效果。

也可以直接用簡化寫法click()：

代碼示例:

$("#btn").click();

如何用jquery模擬回車事件

回車一般的作用是提交或者換行，提交的話就是下面這樣

$('#formXXX').submit(function() {

。。。

});

換行的話就是這樣

$('#target').html($('#target').html()+'\n')

網(wǎng)站名稱：jquery模擬事件,jQuery事件處理
文章位置：http://www.rwnh.cn/article42/dsigphc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、建站公司、網(wǎng)站導(dǎo)航、云服務(wù)器、虛擬主機(jī)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)