-
mousemove事件 用交互操作中，經(jīng)常需要知道用戶是否有移動(dòng)的操作?；谝苿?dòng)的機(jī)制可以做出拖動(dòng)、拖拽一系列的效果出來(lái)。針對(duì)移動(dòng)事件，jQuery提供了一個(gè)mousemove的快捷方法可以監(jiān)聽(tīng)用戶移動(dòng)的的操作 使用上非常簡(jiǎn)單： 方法一：$ele.mousemove() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").mousemove(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").mousemove() //指定觸發(fā)事件 }); 方法二：$ele.mousemove( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? <div id="test">滑動(dòng)觸發(fā)<div> $("#text").mousemove(function() { //this指向 div元素 }); 方法三：$ele.mousemove( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").mousemove(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); mousemove事件觸發(fā)需要以下幾點(diǎn)： mousemove事件是當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素 如果處理器做任何重大的處理，或者如果該事件存在多個(gè)處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問(wèn)題查看全部
-
mousedown與mouseup事件 用交互操作中，最簡(jiǎn)單直接就是點(diǎn)擊操作，因此jQuery提供了一個(gè)mousedown的快捷方法可以監(jiān)聽(tīng)用戶點(diǎn)擊的操作，與其對(duì)應(yīng)的還有一個(gè)方法mouseup快捷方法可以監(jiān)聽(tīng)用戶點(diǎn)擊的操作。 mousedown事件觸發(fā)需要以下幾點(diǎn)： mousedown強(qiáng)調(diào)是按下觸發(fā) 如果在一個(gè)元素按住了鼠標(biāo)不放，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件 任何鼠標(biāo)按鈕被按下時(shí)都能觸發(fā)mousedown事件 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3 mouseup事件觸發(fā)需要以下幾點(diǎn)： mouseup強(qiáng)調(diào)是松手觸發(fā)，與mousedown是相反的 mouseup與mousedown組合起來(lái)就是click事件 如果用戶在一個(gè)元素上按下鼠標(biāo)按鍵，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件 任何鼠標(biāo)按鈕松手時(shí)都能觸發(fā)mouseup事件 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3查看全部
-
mouseup事件沒(méi)有mousedown事件也可以觸發(fā)，個(gè)人覺(jué)得和click的區(qū)別就是，你可以先按住鼠標(biāo)，移動(dòng)到你要觸發(fā)的元素，再松開(kāi)鼠標(biāo)，就可以出發(fā)mouseup事件,而click必須點(diǎn)擊該元素查看全部
-
click與dbclick事件 用交互操作中，最簡(jiǎn)單直接就是點(diǎn)擊操作。jQuery提供了兩個(gè)方法一個(gè)是click方法用于監(jiān)聽(tīng)用戶單擊操作，另一個(gè)方法是dbclick方法用于監(jiān)聽(tīng)用戶雙擊操作。這兩個(gè)方法的用戶是類似，下面以click()事件為例 使用上非常簡(jiǎn)單： 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").click(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").click() //手動(dòng)指定觸發(fā)事件 }); 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù)，這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?，方法中的this是指向了綁定事件的元素 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); dbclick()的用法和click()的用法是類似的，可以參考以上click()的用法。查看全部
-
dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點(diǎn)： click事件其實(shí)是由mousedown與mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā) PS:mousedown和mouseup下一節(jié)會(huì)講到 dblclick事件觸發(fā)需要以下幾點(diǎn)： dblclick又是由2個(gè)click疊加而來(lái)的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標(biāo)指針在元素里面時(shí)點(diǎn)擊。 鼠標(biāo)指針在元素里面時(shí)釋放。 鼠標(biāo)指針在元素里面時(shí)再次點(diǎn)擊，點(diǎn)擊間隔時(shí)間，是系統(tǒng)而定。 鼠標(biāo)指針在元素里面時(shí)再次釋放。 注意：在同一元素上同時(shí)綁定 click 和 dblclick 事件是不可取的。各個(gè)瀏覽器事件觸發(fā)的順序是不同的，一些瀏覽器在dblclick之前接受兩個(gè) click 事件 ，而和其它瀏覽器只接受一個(gè) click 事件。用戶往往可通過(guò)不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度查看全部
-
你可以理解為，不帶括號(hào)是調(diào)用這個(gè)函數(shù)；帶括號(hào)是編譯器（瀏覽器）立即執(zhí)行這個(gè)函數(shù)； 類似你設(shè)置了一個(gè)未知數(shù)X，后面你引用知道他是X就可以，可以當(dāng)成p去理解 $ele.click(需要傳遞的數(shù)據(jù)，傳遞到目標(biāo)函數(shù))-----------在這種用法中 function 目標(biāo)函數(shù)（e）{...}中的e只是用來(lái)指代被傳遞的數(shù)據(jù)的。你可以用其他字符替換。e.data的意思就是被傳遞的數(shù)據(jù)的內(nèi)容查看全部
-
on('mousedown mouseup',function{})與on({ mousedown:function(e){},mouseup:function(e){}})有什么區(qū)別？查看全部
-
jq事件查看全部
-
$(selector).hover(handlerIn, handlerOut)查看全部
-
focus,blur 只監(jiān)聽(tīng)當(dāng)前元素上觸發(fā)的事件 focusin,focusout 還監(jiān)聽(tīng)子元素上觸發(fā)的事件查看全部
-
focus與blur事件：不支持冒泡，focusin與focusout支持冒泡查看全部
-
//$ele.click(需要傳遞的數(shù)據(jù)，傳遞到目標(biāo)函數(shù))查看全部
-
三元運(yùn)算符和雙目運(yùn)算符： a?b:c //如果a為true就把b賦值給a，否則就把c賦值給a a=a||b //如果a為true（a存在）那么a的值就是a，否則a的值就是b查看全部
-
看不懂！查看全部
-
form元素是有默認(rèn)提交表單的行為，如果通過(guò)submit處理的話，需要禁止瀏覽器的這個(gè)默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對(duì)象 e.preventDefault() 來(lái)處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可查看全部
舉報(bào)
0/150
提交
取消