您現在的位置是:電腦技術吧?>? 基礎知識 ??>??gaming mouse鼠標宏,scream鼠標??>??正文詳情

gaming mouse鼠標宏,scream鼠標

丹梓榆2019-12-05 15:21:55 人圍觀
簡介mouse0是哪個鍵本文主要介紹了JavaScript和jQuery的鼠標-鼠標事件冒泡處理,總結了鼠標事件的一些結論,并分別給出了JavaScript和jQuery的測試代碼。您mouse3是哪個鍵

這篇文章主要介紹了JavaScript和JQuery的鼠標mouse事件冒泡處理,本文總結出了mouse事件的一些定論,并分別給出了JavaScript和JQuery測試代碼,需要的朋友可以參考下  簡單的鼠標移動事件:  進入  代碼如下:  mouseenter:不冒泡  mouseover: 冒泡  不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件  只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件  移出   代碼如下:  mouseleave: 不冒泡  mouseout:冒泡  不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件  只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件  我們通過一個案例觀察下問題:  給一個嵌套的層級綁定mouseout事件,會發現mouseout事件與想象的不一樣   代碼如下:  外部子元素內部子元素0  0    我們發現一個問題mouseout事件:  1.無法阻止冒泡  2.在內部的子元素上也會觸發  同樣的問題還有mouseover事件,那么在stopPropagation方法失效的情況下我們要如何停止冒泡呢?  1.為了阻止mouseover和mouseout的反復觸發,這里要用到event對象的一個屬性relatedTarget,這個屬性就是用來判斷 mouseover和mouseout事件目標節點的相關節點的屬性。

簡單的來說就是當觸發mouseover事件時,relatedTarget屬性代表的就是鼠標剛剛離開的那個節點,當觸發mouseout事件時它代表的是鼠標移向的那個對象。

由于MSIE不支持這個屬性,不過它有代替的屬性,分別是 fromElement和toElement。

  2.有了這個屬性,我們就能夠清楚的知道我們的鼠標是從哪個對象移過來,又是要移動到哪里去了。

這樣我們就能夠通過判斷這個相關聯的對象是否在我們要觸發事件的對象的內部,或者是不是就是這個對象本身。

通過這個判斷我們就能夠合理的選擇是否真的要觸發事件。

  3.這里我們還用到了一個用于檢查一個對象是否包含在另外一個對象中的方法,contains方法。

MSIE和FireFox分別提供了檢查的方法,這里封裝了一個函數。

  jQuery的處理也是如出一轍  復制代碼 代碼如下:  jQuery.each({  mouseenter: mouseover,  mouseleave: mouseout,  pointerenter: pointerover,  pointerleave: pointerout  }, function(orig, fix) {  jQuery.event.special[orig] = {  delegateType: fix,  bindType: fix,  handle: function(event) {  var ret,  target = this,  related = event.relatedTarget,  handleObj = event.handleObj;  // For mousenter/leave call the handler if related is outside the target.  // NB: No relatedTarget if the mouse left/entered the browser window  if (!related || (related !== target !jQuery.contains(target, related))) {  event.type = handleObj.origType;  ret = handleObj.handler.apply(this, arguments);  event.type = fix;  }  return ret;  }  };  });

版權聲明:本文由 丹梓榆 整理編輯。

原標題:鼠標mouse的復數,鼠標

轉載注明出處:http://www.dn9ww09s.icu/basics/15177.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 控制文件損壞,oracle控制文件

    控制文件損壞,oracle控制文件 相關圖片增加控制文件出現的現象是系統無法登錄,沒有用戶可以,懷疑數據庫有問題,輸入服務器,運行sqlplususername/password,無法輸入數據庫,提示輸入用戶名。重新重建控制文件...

  • decode函數的用法,decode函數實例

    decode函數的用法,decode函數實例 相關圖片oracle decode 用模糊decode函數相當于條件語句(if)。它將輸入值與函數中的參數列表進行比較,并根據輸入值返回相應的值。函數的參數列表由多個值及其相應的結果值組成。當然,如果...

  • lvds接口詳解,eDP接口

    lvds接口詳解,eDP接口 相關圖片lvds接口圖解類型檢查是typescript的核心設計原則之一。通過使用接口,可以進行類型檢查,滿足傳統的面向對象思想,有利于有效開發,有效避免類型轉換問題。在typescr主板接口詳細圖...

  • jquery ready,js ready

    jquery ready,js ready 相關圖片jquery toggle本文主要介紹jQuery中ready()函數的執行時間以及窗口加載事件比較的相關資料。對于您的朋友,可以參考jQuery中ready()的實現是domcontejquery callback...

  • sqlserver數據庫連接配置,連接sqlserver數據庫方法

    sqlserver數據庫連接配置,連接sqlserver數據庫方法 相關圖片sql2000數據庫導入聯系Java或JSP,必然會使用數據庫SQL Server 2000/2005(我使用的是2005標準版[9.0.3054]測試),經過自己的搜索和研究,使用Jsql server連接服務器...

  • 什么是增量備份,增量備份和完全備份

    什么是增量備份,增量備份和完全備份 相關圖片增量和差異備份RMAN中有兩種增量備份:差異模式和累積模式。備份級別分為五個級別:0、1、2、3和4,其中級別0最高。差異備份(同意上級備份甚至對等備份):分析:上周日增量備份...

  • jquery toggle,jquery

    jquery toggle,jquery 相關圖片jquery listJQuery的toggle()函數使用show()或hide()函數來切換HTML元素的可見狀態。今天,我們將討論在jQuery中使用toggle函數的替代方法jquery文檔...

  • jquerygrid,jquerygrid拖拽

    jquerygrid,jquerygrid拖拽 相關圖片js表格grid控件本教程將教您制作一個jQuery響應圖像以顯示庫效果。所有的圖像都以網格的形式排列,然后隨機翻轉一些網格來切換圖片。這個效果可以作為我們網站的背景或裝飾。grij...

  • sqlserver死鎖,sqlserver死鎖解決

    sqlserver死鎖,sqlserver死鎖解決 相關圖片sql 死鎖一。死鎖1的四個必要條件。互斥:資源不能共享,只能由一個進程使用。2。等待:已獲取資源的進程可以再次申請新資源。三。沒有pre-sqlserver日志查看死鎖...

  • 12560 協議適配器錯誤,協議適配器錯誤12560怎么處理

    12560 協議適配器錯誤,協議適配器錯誤12560怎么處理 相關圖片數據庫協議適配器錯誤解決方案:首先,確保創建了多個本地數據庫實例。如果尚未創建新實例,則默認實例為:orcl;如果已創建新實例,則輸入自己新創建的實例名稱。此時,只需在...

熱評文章

  • 實例卡,實例

    實例卡,實例 相關圖片實例文本Example off: V $diag_infosphere name = sqltname.sqlselect value in 'default trac什么是示例圖...

  • 什么是位圖索引,創建位圖索引

    什么是位圖索引,創建位圖索引 相關圖片位圖索引的主要優缺點什么是位圖索引位圖索引的一些特性?位圖索引的優缺點?讓我們看看低比特圖像掃描的例子。查詢計劃----------------------------------索引...

  • sysdba,expdp sysdba

    sysdba,expdp sysdba 相關圖片dba和sysdba一。Oracle可以通過兩種方式對SYSDBA/sysoper用戶進行身份驗證:1)操作系統級身份驗證:登錄Oracle數據庫主機,使用以下用戶登錄,然后直接使oracle賦予sysdba權限...

  • ajax,ajax如何處理跨域問題

    ajax,ajax如何處理跨域問題 相關圖片java處理ajax請求本文主要介紹jQuery中模擬圖像的ajaxprefilter和ajaxtransport處理。本文直接給出了仿真實現代碼,其中包含了詳細的注釋。朋友請參考“1ajax json...

  • 鎖和事務,事務一定鎖表嗎

    鎖和事務,事務一定鎖表嗎 相關圖片事務和數據庫鎖的聯系SQL server中的事務和鎖事務都是關于原子性的。原子性的概念意味著某物可以被視為一個單元。從數據庫的角度來看,它是指一個或多個應該執行或不執行的語句的...

  • iptables 端口轉發,iptables本地端口轉發

    iptables 端口轉發,iptables本地端口轉發 相關圖片centos6端口轉發本地接口IP 61.144.14.72的轉發端口3389到116.6.73.229的端口3389(主要是61.144.14.72的接入端口3389,跳到116.iptables端口轉發不起作用...

  • 數據結構 鏈表,單鏈表數據結構

    數據結構 鏈表,單鏈表數據結構 相關圖片鏈表本文主要介紹JavaScript中的數據結構和算法(3):鏈表。本文分別介紹了單鏈表和雙鏈表的代碼示例,以及添加節和刪除節的代碼示例。我們可以看到JavaScr什么是鏈表...

  • 編程創建一個Rect,編程創建listview

    編程創建一個Rect,編程創建listview 相關圖片uG編程順序本文主要介紹使用angularjs創建單頁應用程序的編程指南。Angularjs是一個流行的JavaScript庫。對于越來越多的朋友,您可以參考單頁應用程序概ug編程創建幾何體怎么設置...

  • 如何進行sql優化,sql查詢優化

    如何進行sql優化,sql查詢優化 相關圖片sql or 優化昨天,我半夜收到一條SQL消息。反應很慢。我很生氣。經過查詢,我只需要三個月運行一次這個SQL。你必須在法定假日經營嗎?SQL如下(非常長)?123456789復雜sql優化...

  • oracle索引怎么用,oracle索引的使用

    oracle索引怎么用,oracle索引的使用 相關圖片oracle視圖索引刪除大量表后,可能會有大量可用空間可回收。請參考以下計算方法:更新統計分析表計算統計;計算碎片空間選擇表名,(塊*8)oracle如何查看索引...

關注微信

变脸官网查询