資訊專欄INFORMATION COLUMN
摘要：在級事件中定義了個鼠標事件，分別是。取消鼠標事件的默認行為還會影響其他事件，因為鼠標事件與其他事件是密不可分的關系。同樣的，和支持這個事件。兼容各個瀏覽器的事件監(jiān)聽對象該對象封裝了和級事件的常用事件函數。
概述
鼠標事件是web開發(fā)中最常用的一類事件，畢竟鼠標還是最主要的定位設備。在DOM3級事件中定義了9個鼠標事件，分別是：click,dbclick,mousedown,mouseenter,mouseleave,mousemove,mouseout,mouseover。這九個鼠標事件的具體含義相信大家從字面上看就能大概的了解了。頁面上所有的元素都支持鼠標事件，除了mouseenter和mouseleave，所有的鼠標事件都會冒泡，也可以被取消，而取消鼠標事件將會影響瀏覽器的默認行為。取消鼠標事件的默認行為還會影響其他事件，因為鼠標事件與其他事件是密不可分的關系。
下面簡單介紹下各個事件的含義：click：在用戶單擊主鼠標按鈕（一般是左邊的按鈕）或者按下回車鍵時觸發(fā)。這一點對確保易訪問性很重要，意味著onclick事件處理程序既可以通過鍵盤也可以通過鼠標執(zhí)行。
dbclick：在用戶雙擊主鼠標按鈕（一般是左邊的按鈕）時觸發(fā)。從技術上說，這個事件并不是DOM2級事件規(guī)范中規(guī)定的，但鑒于它得到了廣泛支持，所以DOM3級事件將其納入了標準。
mousedown：用戶按下了任意鼠標按鈕時觸發(fā)。不能通過鍵盤觸發(fā)這個事件。
mouseenter：在鼠標光標從元素外部首次移動到元素范圍之內時觸發(fā)。這個事件不冒泡，而且在光標移動到后代元素上不會觸發(fā)。IE,Firefox9+和opera支持這個事件。
mouseleave：在位于元素上方的鼠標光標移動到元素范圍之外時觸發(fā)。這個事件也不冒泡，而且在光標移動到后代元素上不會觸發(fā)。同樣的，IE,Firefox9+和opera支持這個事件。
mousemove：當鼠標指針在元素內部移動時重復的觸發(fā)。不能通過鍵盤觸發(fā)這個事件。
mouseout：在鼠標指針位于一個元素上方，然后用戶將其移入另一個元素時觸發(fā)。又移入的另一個元素可能位于前一個元素的外部，也可能是這個元素的子元素。不能通過鍵盤觸發(fā)這個事件。
mouseover：在鼠標指針位于一個元素外部，然后用戶將其首次移入另一個元素邊界之內時觸發(fā)。不能通過鍵盤觸發(fā)這個事件。
mouseup：在用戶釋放鼠標按鈕時觸發(fā)。不能通過鍵盤觸發(fā)這個事件。
var EventUntil={
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent("on"+type,handler);
}else{
element["on"+type]=handler;
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent("on"+type,handler);
}else{
element["on"+type]=null;
}
},
getEvent:function(event){
return event?event:window.event;
},
getTarget:function(event){
return event.target||event.srcElement;
},
preventDefault:function(event){
if (event.preventDefault) {
event.preventDefault();
}else{
event.returnValue=false;
}
},
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
}
}
該對象封裝了ie和dom級事件的常用事件函數。大家可以參考著使用。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/85890.html
摘要：下面正式推薦大神的博文前段時間使用做滾動條控件，添加滾輪事件時，查閱了一些資料，發(fā)現大都是文檔描述或簡單示例，對于開發(fā)者還是不夠。一測試目標探索事件中常用屬性的有效性，垂直步進算法滑動幅度以及與電腦個性化設置的關聯。 最近在用VUE寫一個后臺管理系統，頂部標簽頁涉及鼠標滾輪事件，由于每個瀏覽器對滾輪事件的處理方式不一樣，個人對這個又不懂，折騰了很久，參考了大神的代碼，也把百度翻爛了，找...
摘要：級事件規(guī)定事件流包括三個階段事件捕獲目標事件事件冒泡。返回布爾值，指示事件是否可擁可取消的默認動作。返回其事件監(jiān)聽器觸發(fā)該事件的元素。返回當前對象表示的事件的名稱。不再派發(fā)事件常用于阻止事件冒泡。 事件是 JavaScript 與 HTML 交互的基礎。要實現用戶與頁面的交互，先要對目標元素綁定特定的事件、設置事件處理函數，然后用戶觸發(fā)事件，事件處理函數執(zhí)行，產生交互效果。 DOM 事...
閱讀 1295·2021-11-23 09:51
閱讀 3399·2021-09-06 15:00
閱讀 987·2021-08-16 10:57
閱讀 1371·2019-08-30 12:46
閱讀 933·2019-08-29 12:22
閱讀 1604·2019-08-29 11:07
閱讀 3148·2019-08-26 11:23
閱讀 2980·2019-08-23 15:14
