-
<input>元素，<textarea>和<select>元素的值都是可以發(fā)生改變的，開(kāi)發(fā)者可以通過(guò)change事件去監(jiān)聽(tīng)這些改變的動(dòng)作 input元素 select元素 textarea元素 change事件很簡(jiǎn)單，無(wú)非就是注意下觸發(fā)的先后行為，可以看看右邊代碼參考查看全部
-
在之前2.8與2.9節(jié)我們學(xué)過(guò)了表單處理事件focusin事件與focusout事件，同樣用于處理表單焦點(diǎn)的事件還有blur與focus事件 它們之間的本質(zhì)區(qū)別: 舉個(gè)簡(jiǎn)單的例子 其中input元素可以觸發(fā)focus()事件 div是input的父元素，當(dāng)它包含的元素input觸發(fā)了focus事件時(shí)，它就產(chǎn)生了focusin()事件。 blur與focusout也亦是如此 具體參考下案例，給出來(lái)的區(qū)別查看全部
-
當(dāng)一個(gè)元素，或者其內(nèi)部任何一個(gè)元素失去焦點(diǎn)的時(shí)候，比如input元素，用戶在點(diǎn)擊失去焦的時(shí)候，如果開(kāi)發(fā)者需要捕獲這個(gè)動(dòng)作，jQuery提供了一個(gè)focusout事件 使用上非常簡(jiǎn)單： 方法一：$ele.focusout() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，可能一般用的比較少 方法二：$ele.focusout( handler ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? 方法三：$ele.focusout( [eventData ], handler ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題查看全部
-
當(dāng)一個(gè)元素，或者其內(nèi)部任何一個(gè)元素獲得焦點(diǎn)的時(shí)候，例如：input元素，用戶在點(diǎn)擊聚焦的時(shí)候，如果開(kāi)發(fā)者需要捕獲這個(gè)動(dòng)作的時(shí)候，jQuery提供了一個(gè)focusin事件 使用上非常簡(jiǎn)單： 方法一：$ele.focusin() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，一般用的比較少 法三：$ele.focusin( [eventData ], handler ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 方法三：$ele.focusin( [eventData ], handler ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題查看全部
-
學(xué)了mouseover、mouseout、mouseenter、mouseleave事件，也理解了四個(gè)事件的相同點(diǎn)與不同點(diǎn)，現(xiàn)在可以用來(lái)給元素做一個(gè)簡(jiǎn)單的切換效果 在元素上移進(jìn)移出切換其換色，一般通過(guò)2個(gè)事件配合就可以達(dá)到，這里用mouseenter與mouseleave，這樣可以避免冒泡問(wèn)題 這樣目的是達(dá)到了，代碼稍微有點(diǎn)多，對(duì)于這樣的簡(jiǎn)單邏輯jQuery直接提供了一個(gè)hover方法，可以便捷處理 只需要在hover方法中傳遞2個(gè)回調(diào)函數(shù)就可以了，不需要顯示的綁定2個(gè)事件查看全部
-
用交互操作中，經(jīng)常需要知道用戶操作鼠標(biāo)是否有移到元素內(nèi)部或是元素外部，因此jQuery提供了一個(gè)mouseenter和mouseleave的快捷方法可以監(jiān)聽(tīng)用戶移動(dòng)到內(nèi)部的操作 使用上非常簡(jiǎn)單，三種參數(shù)傳遞方式與mouseover和mouseout是一模一樣的，所以這里不再重復(fù)，主要講講區(qū)別，下面以mouseenter為例： mouseenter JavaScript事件是Internet Explorer專(zhuān)有的。由于該事件在平時(shí)很有用，jQuery的模擬這一事件，以便它可用于所有瀏覽器。該事件在鼠標(biāo)移入到元素上時(shí)被觸發(fā)。任何HTML元素都可以接受此事件。 mouseenter事件和mouseover的區(qū)別 簡(jiǎn)單的例子： mouseover為例： 如果在p元素與div元素都綁定mouseover事件，鼠標(biāo)在離開(kāi)p元素，但是沒(méi)有離開(kāi)div元素的時(shí)候，觸發(fā)的結(jié)果: p元素響應(yīng)事件 div元素響應(yīng)事件 這里的問(wèn)題是div為什么會(huì)被觸發(fā)？ 原因就是事件冒泡的問(wèn)題，p元素觸發(fā)了mouseover，他會(huì)一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會(huì)被觸發(fā) 所以在這種情況下面，jQuery推薦我們使用 mouseenter事件 mouseenter事件只會(huì)在綁定它的元素上被調(diào)用，而不會(huì)在后代節(jié)點(diǎn)上被觸發(fā) 這就是最本質(zhì)的區(qū)別，具體的對(duì)應(yīng)可以參考右邊的案例： PS：同學(xué)可以根據(jù)右側(cè)代碼，自己寫(xiě)出mouseout與mouseleave的區(qū)別哦~查看全部
-
在學(xué)JS的時(shí)候，大家還記得有兩個(gè)方法叫移入移出事件嗎？onmouseover()與onmouseout()事件~ jQuery當(dāng)中同樣提供了這樣的事件來(lái)監(jiān)聽(tīng)用戶的移入移出操作，mouseover()與mouseout()事件，兩者用法類(lèi)似，下面一mouseover為例： 方法一：$ele.mouseover() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 方法二：$ele.mouseover( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? 方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題查看全部
-
用交互操作中，經(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元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 方法二：$ele.mousemove( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? 方法三：$ele.mousemove( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 mousemove事件觸發(fā)需要以下幾點(diǎn)： mousemove事件是當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素 如果處理器做任何重大的處理，或者如果該事件存在多個(gè)處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問(wèn)題查看全部
-
用戶交互操作中，最簡(jiǎn)單直接的操作就是點(diǎn)擊操作，因此jQuery提供了一個(gè)mousedown的快捷方法可以監(jiān)聽(tīng)用戶鼠標(biāo)按下的操作，與其對(duì)應(yīng)的還有一個(gè)方法mouseup快捷方法可以監(jiān)聽(tīng)用戶鼠標(biāo)彈起的操作。兩種方法用法類(lèi)似，下面以mousedown()為例 使用上非常簡(jiǎn)單： 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，可能一般用的比較少 方法二：$ele.mousedown( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wè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 另外需要注意的是： click與mousedown的區(qū)別： click事件其實(shí)是由mousedown于mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā)查看全部
-
有點(diǎn)暈查看全部
-
<script type="text/javascript"> //不同函數(shù)傳遞數(shù)據(jù) function data(e) { alert(e.data) //1111 } function a() { $("button:eq(2)").mousedown(1111, data) } a();查看全部
-
var n=0;//設(shè)置全局變量記錄移入事件次數(shù)查看全部
-
$("ul").on('click','li',function(e){ console.log(e); alert('觸發(fā)的元素是內(nèi)容是: ' + e.target.textContent) }) ul就不在有click事件查看全部
-
輸入下一個(gè)的時(shí)候才顯示上一個(gè)的內(nèi)容查看全部
-
ydown是在鍵盤(pán)按下就會(huì)觸發(fā) keyup是在鍵盤(pán)松手就會(huì)觸發(fā) 理論上它可以綁定到任何元素，事件類(lèi)型表單元素是最合適的。查看全部
舉報(bào)
0/150
提交
取消