-
1、在JS中，有兩個方法叫移入移出事件，onmouseover()與onmouseout()事件。 jQuery當(dāng)中同樣提供了這樣的事件來監(jiān)聽用戶的移入移出操作，mouseover()與mouseout()事件 2、mouseover()移入事件（與mouseover()移出事件，兩者用法類似） （1）方法一：$ele.mouseover() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 <div id="test">點擊觸發(fā)<div> $("ele").mouseover(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定觸發(fā)事件 }); （2）方法二：$ele.mouseover( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào)handler函數(shù)，這樣可以針對事件的反饋做很多操作了 <div id="test">滑動觸發(fā)<div> $("#text").mouseover(function() { //this指向 div元素 }); （3）方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點擊觸發(fā)<div> $("#text").mouseover(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) });查看全部
-
1、用交互操作中，需要知道用戶是否有移動的操作?；谝苿拥臋C制可以做出拖動、拖拽一系列的效果出來。針對移動事件，jQuery提供了 ①mousemove的快捷方法：可以監(jiān)聽用戶移動的的操作 2、mousemove()事件 （1）方法一：$ele.mousemove() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 <div id="test">點擊觸發(fā)<div> $("ele").mousemove(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").mousemove() //指定觸發(fā)事件 }); （2）方法二：$ele.mousemove( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào)handler函數(shù)，這樣可以針對事件的反饋做很多操作了 <div id="test">滑動觸發(fā)<div> $("#text").mousemove(function() { //this指向 div元素 }); （3）方法三：$ele.mousemove( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點擊觸發(fā)<div> $("#text").mousemove(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); 3、mousemove事件觸發(fā)需要以下幾點： ①mousemove事件是當(dāng)鼠標(biāo)指針移動時觸發(fā)的，即使是一個像素 ②如果處理器做任何重大的處理，或者如果該事件存在多個處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問題查看全部
-
1、用交互操作中，最簡單直接就是點擊操作 ①mousedown的快捷方法：可以監(jiān)聽用戶點擊的操作 ②mouseup的快捷方法：可以監(jiān)聽用戶點擊的操作。 2、mousedown()點擊事件（mouseup()的用法） （1）方法一：$ele.mousedown() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，一般用的較少 $("ele").mousedown(function(){ alert("觸發(fā)指定事件") }) （2）方法二：$ele.mousedown( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào)handler函數(shù)，這樣可以針對事件的反饋做很多操作了 $("#text").mousedown(function() { //this指向 div元素 }); （3）方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 $("#text").mousedown(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); 3、mousedown事件觸發(fā)需要以下幾點： ①mousedown強調(diào)是按下觸發(fā) ②如果在一個元素按住了鼠標(biāo)不放，并且拖動鼠標(biāo)離開這個元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件 ③任何鼠標(biāo)按鈕被按下時都能觸發(fā)mousedown事件 ④用event對象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3 4、mouseup事件觸發(fā)需要以下幾點： ①mouseup強調(diào)是松手觸發(fā)，與mousedown是相反的 ②mouseup與mousedown組合起來就是click事件 ③如果用戶在一個元素上按下鼠標(biāo)按鍵，并且拖動鼠標(biāo)離開這個元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件 ④任何鼠標(biāo)按鈕松手時都能觸發(fā)mouseup事件 注意：（click與mousedown的區(qū)別） click事件其實是由mousedown于mouseup 2個動作構(gòu)成，所以點擊的動作只有在松手后才觸發(fā)。查看全部
-
2-1 click與dbclick事件 1、用交互操作中，最簡單直接就是點擊操作。jQuery提供了兩個方法： ①click方法：用于監(jiān)聽用戶單擊操作 ②dbclick方法：用于監(jiān)聽用戶雙擊操作。 2、click()單擊事件 （1）方法一：$ele.click() $("ele").click(function(){ alert("觸發(fā)指定事件"); }) （2）方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào)handler函數(shù)，這樣可以針對事件的反饋做很多操作了，方法中的this是指向了綁定事件的元素 $("#text").click(function() { //this指向 div元素 }); （3）方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); 3、dbclick()的用法和click()的用法是類似的，可以參考以上click()的用法。 4、dbclick與click事件不同的是： （1）click事件觸發(fā)需要以下幾點： click事件其實是由mousedown與mouseup 2個動作構(gòu)成，所以點擊的動作只有在松手后才觸發(fā) （2）dblclick事件觸發(fā)需要以下幾點： dblclick又是由2個click疊加而來的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) ①鼠標(biāo)指針在元素里面時點擊。 ②鼠標(biāo)指針在元素里面時釋放。 ③鼠標(biāo)指針在元素里面時再次點擊，點擊間隔時間，是系統(tǒng)而定。 ④鼠標(biāo)指針在元素里面時再次釋放。 注意：在同一元素上同時綁定click和dblclick事件是不可取的。各個瀏覽器事件觸發(fā)的順序是不同的，一些瀏覽器在dblclick之前接受兩個click事件，而和其它瀏覽器只接受一個click事件。用戶往往可通過不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度查看全部
-
1、jQuery中的事件（比JS中的事件） 更簡單、更靈活、更便捷查看全部
-
off()方法卸載綁定的事件，可以在off()中傳入?yún)?shù)來確定卸載哪個事件，如果不傳入蠶食則是卸載所有事件查看全部
-
$("body").on("click","a",fn)<br> 第二個參數(shù)為過濾。<br> 當(dāng)不設(shè)置時【$("body").on("click",fn)】body內(nèi)所有元素（h1,div,a....）都能觸發(fā)回調(diào)函數(shù)。而給了第二個參數(shù)(a)后，只能對body內(nèi)的a觸發(fā)。若為這種<div><div></div></div>上下一樣且包裹在一起的形式，點擊了所在層之后，上下包裹在一起的元素都會觸發(fā)。查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標(biāo)DOM元素查看全部
-
function data(e) { $(this).find('p:last').html('數(shù)據(jù):' + e.data) } function a() { $(".right").mousemove(1111, data) } a(); data 已經(jīng)綁定了事件函數(shù)查看全部
-
e是指事件對象，參見http://idcbgp.cn/video/2139查看全部
-
$("body").on("click","a",fn)<br> 第二個參數(shù)為過濾。<br> 當(dāng)不設(shè)置時【$("body").on("click",fn)】body內(nèi)所有元素（h1,div,a....）都能觸發(fā)回調(diào)函數(shù)。而給了第二個參數(shù)(a)后，只能對body內(nèi)的a觸發(fā)。若為這種<div><div></div></div>上下一樣且包裹在一起的形式，點擊了所在層之后，上下包裹在一起的元素都會觸發(fā)。查看全部
-
select事件只能用于<input>元素與<textarea>元素 用鼠標(biāo)選擇input文本內(nèi)容時觸發(fā)。查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：當(dāng)鼠標(biāo)指針進入元素時觸發(fā)執(zhí)行的事件函數(shù). handlerOut(eventObject)：當(dāng)鼠標(biāo)指針離開元素時觸發(fā)執(zhí)行的事件函數(shù). 替代： $(selector).mouseenter(function())+$(selector).mouseleave(function());查看全部
-
mouseover/mouseout會冒泡 mouseenter/mouseleave事件只會在綁定它的元素上被調(diào)用，而不會在后代節(jié)點上被觸發(fā).查看全部
舉報
0/150
提交
取消