-
方法一：$ele.mouseover() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 <div id="test">點擊觸發(fā)<div> $("ele").mouseover(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定觸發(fā)事件 }); 方法二：$ele.mouseover( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 <div id="test">滑動觸發(fā)<div> $("#text").mouseover(function() { //this指向 div元素 }); 方法三：$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ù) });查看全部
-
mousedown事件觸發(fā)需要以下幾點： mousedown強調(diào)是按下觸發(fā) 如果在一個元素按住了鼠標不放，并且拖動鼠標離開這個元素，并釋放鼠標鍵，這仍然是算作mousedown事件 任何鼠標按鈕被按下時都能觸發(fā)mousedown事件 用event 對象的which區(qū)別按鍵，敲擊鼠標左鍵which的值是1，敲擊鼠標中鍵which的值是2，敲擊鼠標右鍵which的值是3 mouseup事件觸發(fā)需要以下幾點： mouseup強調(diào)是松手觸發(fā)，與mousedown是相反的 mouseup與mousedown組合起來就是click事件 如果用戶在一個元素上按下鼠標按鍵，并且拖動鼠標離開這個元素，然后釋放鼠標鍵，這仍然是算作mouseup事件 任何鼠標按鈕松手時都能觸發(fā)mouseup事件 用event 對象的which區(qū)別按鍵，敲擊鼠標左鍵which的值是1，敲擊鼠標中鍵which的值是2，敲擊鼠標右鍵which的值是3 另外需要注意的是： click與mousedown的區(qū)別： click事件其實是由mousedown于mouseup 2個動作構(gòu)成，所以點擊的動作只有在松手后才觸發(fā)查看全部
-
click與dbclick事件 用交互操作中，最簡單直接就是點擊操作。jQuery提供了兩個方法一個是click方法用于監(jiān)聽用戶單擊操作，另一個方法是dbclick方法用于監(jiān)聽用戶雙擊操作。這兩個方法的用戶是類似，下面以click()事件為例 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 <div id="test">點擊觸發(fā)<div> $("ele").click(function(){ alert('觸發(fā)指定事件') }) $("#text").click(function(){ $("ele").click() //手動指定觸發(fā)事件 }); 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù)，這樣可以針對事件的反饋做很多操作了，方法中的this是指向了綁定事件的元素 <div id="test">點擊觸發(fā)<div> $("#text").click(function() { //this指向 div元素 }) 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點擊觸發(fā)<div> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點： click事件其實是由mousedown與mouseup 2個動作構(gòu)成，所以點擊的動作只有在松手后才觸發(fā) dblclick事件觸發(fā)需要以下幾點： dblclick又是由2個click疊加而來的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標指針在元素里面時點擊。 鼠標指針在元素里面時釋放。 鼠標指針在元素里面時再次點擊，點擊間隔時間，是系統(tǒng)而定。 鼠標指針在元素里面時再次釋放。查看全部
-
jQuery事件對象的屬性和方法 事件對象的屬于與方法有很多，但是我們經(jīng)常用的只有那么幾個，這里我主要說下作用與區(qū)別 event.type：獲取事件的類型 觸發(fā)元素的事件類型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：獲取鼠標當前相對于頁面的坐標 通過這2個屬性，可以確定元素在當前頁面的坐標值，鼠標相對于文檔的左邊緣的位置（左邊）與 （頂邊）的距離，簡單來說是從頁面左上角開始,即是以頁面為參考點,不隨滑動條移動而變化 event.preventDefault() 方法：阻止默認行為 這個用的特別多，在執(zhí)行這個方法后，如果點擊一個鏈接（a標簽），瀏覽器不會跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來確定這個方法是否(在那個事件對象上)被調(diào)用過了 event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，為防止事件冒泡到DOM樹上，也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù) event.which：獲取在鼠標單擊時，單擊的是鼠標的哪個鍵 event.which 將 event.keyCode 和 event.charCode 標準化了。event.which也將正常化的按鈕按下(mousedown 和 mouseupevents)，左鍵報告1，中間鍵報告2，右鍵報告3 event.currentTarget : 在事件冒泡過程中的當前DOM元素 冒泡前的當前觸發(fā)事件的DOM對象, 等同于this. this和event.target的區(qū)別： js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素； .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換，為jquery對象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
-
通過在<form>元素上綁定submit事件，開發(fā)者可以監(jiān)聽到用戶的提交表單的的行為 具體能觸發(fā)submit事件的行為： <input type="submit"> <input type="image"> <button type="submit"> 當某些表單元素獲取焦點時，敲擊Enter（回車鍵） 上述這些操作下，都可以截獲submit事件。 這里需要特別注意： form元素是有默認提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個默認行為 傳統(tǒng)的方式是調(diào)用事件對象 e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 jQuery處理如下： $("#target").submit(function(data) { return false; //阻止默認行為，提交表單 });查看全部
-
select事件 當 textarea 或文本類型的 input 元素中的文本被選擇時，會發(fā)生 select 事件。 這個函數(shù)會調(diào)用執(zhí)行綁定到select事件的所有函數(shù)，包括瀏覽器的默認行為?？梢酝ㄟ^在某個綁定的函數(shù)中返回false來防止觸發(fā)瀏覽器的默認行為。 select事件只能用于<input>元素與<textarea>元素查看全部
-
input元素 監(jiān)聽value值的變化，當有改變時，失去焦點后觸發(fā)change事件 select元素 對于下拉選擇框，復(fù)選框和單選按鈕，當用戶用鼠標作出選擇，該事件立即觸發(fā) textarea元素 多行文本輸入框，監(jiān)聽TEXT內(nèi)容的變化，當有改變時，失去焦點后觸發(fā)change事件查看全部
-
必需的 action 屬性規(guī)定當提交表單時，向何處發(fā)送表單數(shù)據(jù)。查看全部
-
.this和event.target的區(qū)別： js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素； 2.this和event.target都是dom對象，如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對象：$(this)和$(event.target); target 事件屬性可返回事件的目標節(jié)點（觸發(fā)該事件的節(jié)點），如生成事件的元素、文檔或窗口。查看全部
-
trigger事件查看全部
-
focus&blur:只能由元素本身產(chǎn)生 focusin&focusout:在元素包含的元素中產(chǎn)生查看全部
-
mouseover和mouseout會在綁定元素的后代節(jié)點上被觸發(fā)。 mouseenter和mouseleave只會在綁定元素上被觸發(fā)，其后代節(jié)點不會觸發(fā)這兩個事件。這兩個事件在原生JS中，僅支持IE瀏覽器。查看全部
-
pageX&pageY:從頁面的左上角計，鼠標指針的位置查看全部
-
<h4>測試三</h4> <div class="test3"> <p>$('.right').mousedown(1111, set)</p> </div> <button>不同函數(shù)傳遞數(shù)據(jù)</button> <script type="text/javascript"> //不同函數(shù)傳遞數(shù)據(jù) function data(e) { alert(e.data) //1111 } function a() { $("button:eq(2)").mousedown(1111, data) } a();查看全部
-
此節(jié)仍然有點模糊，尤其是$("button:first").click(function() { $("input").trigger("focus",['觸發(fā)默認事件']); });查看全部
舉報
0/150
提交
取消