滑鼠事件也許是web頁面當中最常用到的事件,因為滑鼠是最常用的導航設備,在DOM3級事件上定義了9個滑鼠事件,分別為:
click:當使用者點擊滑鼠主鍵通常是指滑鼠左鍵或按回車鍵時觸發。
dbclick:當使用者雙擊滑鼠主鍵時發生觸發,這個事件並沒有在DOM2級事件中定義但是卻被普遍支持了,後來在DOM3級中得到了標準化。
mousedown:當使用者按下滑鼠任一鍵都會觸發,這個事件是不能夠透過鍵盤觸發的。
mouseenter:當滑鼠圖示從元素外移動至元素邊界內時觸發。此事件不支援冒泡,而且當滑鼠在元素的上表面移動時負觸發此事件。該事件不屬於DOM2級事件,屬於DOM3級後新增的事件,IE 、FF9 、以及opera支援此事件。
mouseleave:當滑鼠處於元素上方,之後移出元素邊界是觸發該事件,與mouseenter事件相同,不支援冒泡,在元素上方是不觸發,該事件不屬於DOM2級事件,屬於DOM3級後新增的事件,IE 、FF9 、以及opera支援此事件。
mousemove:當滑鼠在某元素周圍移動時重複觸發,該事件不能透過鍵盤事件觸發。
mouseout:當滑鼠處於某一元素上方,之後移動到其他元素上方時觸發。元素移動到原始元素的邊界外,或是原始元素的子元素上,這個事件不能透過鍵盤觸發。
mouseover:當使用者將滑鼠第一次從某元素邊界外移動到該元素邊界內時觸發,這個事件不能夠透過鍵盤觸發。
mouseup:當使用者釋放滑鼠按鍵是觸發,這個事件不能夠透過鍵盤觸發。
頁面上的所有元素都支援滑鼠事件,除了mouseenter和mouseleave外,所有的事件都冒泡,並且他們的預設行為是可以被取消掉的。但取消滑鼠事件的預設行為可能會影響到其他事件,因為有些滑鼠事件是相互依賴的。
只有當一個mousedown事件和一個mouseup事件在同一個元素上觸發,才能觸發滑鼠的click事件;假設任何一個事件被取消,click事件將永遠不會被觸發。類似的原理dbclick事件依賴click事件,如果連續兩次click事件中任一次被取消,dbclick都不會被觸發。常用的滑鼠事件如下:
1.mousedown、2.mouseup、3.click、4.mousedown、5.mouseup、6.click、7.dbclick。
無論是click 或 dbclick事件,都依賴其他事件的觸發。
你可以透過下面的程式碼來決定瀏覽器是否在dom2事件上支援滑鼠事件,
var isSupport = document.implementation.hasFeature('MouseEvents','2.0'); 🎜>
然而值得注意的是在dom3級事件上檢測則有些不同:
var isSupport = document.implementation.hasFeature('MouseEvent','3.0');在滑鼠事件上也包含一個子類別事件,即wheel事件(滾輪事件)。在wheel事件中只包含一個事件,mousewheel事件,他反應滑鼠滾輪或其他裝置,如mac的touchpad的互動情況。
b)關聯元素
對於mouseover和mouseout事件來說,還存在著與事件相關的元素,這連個事件所執行的動作包括,移動滑鼠從一個元素邊界內部到另一個元素邊界內部。以mouseover事件為例,他的主要目標元素就是滑鼠將要移至的元素,而那個關聯元素就是失去滑鼠的那個元素。同樣對於mouseout事件,主要目標是那個滑鼠移出的元素,而關聯元素則是獲得滑鼠的元素,DOM透過event物件上的relatedTarget屬性來提供關聯元素的信息,IE8或更早版本的IE不支援relatedTarge屬性,但卻提供了與其功能相似的fromElement屬性和toElement屬性。在IE下,當mousemove事件觸發時,event物件的fromElement包含關聯元素,當mouseout事件觸發時,event的toElement屬性包含關聯元素。在IE9中支援所有的屬性,一個跨瀏覽器的getRelatedTarget方法可以這樣寫:
return event.relatedTarget;
}else if(event.fffromElement) {
return event.fromElement;
}else if(event.toElement){
return event.toElement;
}else {
return null;
}
}
};
c)buttons
click事件只有當滑鼠主鍵點擊了某一元素的時候才會觸發(或者當某一元素獲得焦點時按下回車鍵),對於mousedown和mouseup來說,在事件物件event上存在一個屬性button,他可以確定是哪個鍵按下或釋放。在DOM實現的button屬性值通常有三種可能:
0:代表主鍵,
1:代表滾輪,
2:代表滾輪,
2:代表副鍵。
在一般情況下主鍵指的是滑鼠的左鍵,副鍵代表滑鼠右鍵。
從IE8開始也提供了button屬性,但卻有著完全不同的取值範圍:
0 :沒有按鍵按下,
0 :沒有按鍵按下,
下,
2 :代表副鍵已經被按下,
3 :主鍵副鍵都被按下,
4 :代表中間鍵都被按下,
5 :代表主鍵和中間件被按下,
6 :代表副鍵和中間鍵被按下,
7 代表三個鍵被按下, 7 代表三個鍵被按下。
可見DOM 模型下的button屬性的取值範圍比IE模型下的取值範圍要簡單的多,而且個人覺得ie下的操作情況略顯變態。
d)其他事件資訊 在DOM2級事件上,為事件物件event也提供了detail屬性來提供更多的事件資訊,例如對於點擊事件來說,detail可以記錄相同像素位置的點擊次數,detail的值是從1開始計數的,每次點擊後加一,如果在mousedown和mouseup之間,滑鼠發生移動,這個值將會被清除。 關於老鼠事件就先寫這些,日後在慢慢補全。

m590鼠标USB连接上用不了的解决办法:1、查看蓝牙设备,看是否识别为罗技优联连接器,然后下载Logitech Unifying优联软件,运行该软件;2、删除蓝牙设备,再添加蓝牙设备,重新连接m590即可。

通常,当使用双显示器设置时,会出现如何无缝地让光标从一个显示器移动到另一个显示器的问题。当您的鼠标光标在没有您控制的情况下从一个显示器移动到另一个显示器时,这可能会令人沮丧。如果Windows默认情况下允许您轻松地从一个显示器切换到另一个显示器,那不是很好吗?幸运的是,Windows11具有一个功能可以做到这一点,并且不需要很多技术知识来执行它。缓和光标在显示器之间的移动有什么作用?此功能有助于防止将鼠标从一台显示器移动到另一台显示器时光标漂移。默认情况下,该选项处于禁用状态。如果将其打开,鼠标

如果您的控制器在加载游戏时就像Windows11上的鼠标一样,扰乱了您的游戏体验,本指南可以提供帮助!在解释其可能的原因后,我们将立即讨论一些经过专家测试的解决方案,并附上分步说明。为什么我的控制器像鼠标一样工作?Steam上的控制器设置配置错误。在控制面板设置中作为鼠标启用。软件冲突。过时的驱动程序。如何阻止我的控制器在Windows11上像鼠标一样运行?在移动详细的故障排除步骤之前,请尝试以下修复程序以消除问题:重新启动计算机并检查挂起的Windows更新。先让游戏加载,然后插入或连接控制器

mac鼠标滚轮相反的解决办法:1、打开mac电脑,点击屏幕的苹果标志,然后选择“系统偏好设置”;2、在“系统偏好设置”窗口中,选择“鼠标”;3、在“鼠标”窗口中,将“滚动方向:自然”前面的勾去掉即可。

电脑鼠标能动但点什么都没反应解决方法:1、检查鼠标连接,确认鼠标连接到电脑的USB接口上;2、重启电脑,断开鼠标连接,然后重新启动电脑并重新连接鼠标;3、更换鼠标电池或充电,如果使用的是无线鼠标,可能是因为鼠标电池电量低了,导致无法正常工作。

鼠标是我们使用电脑时必不可少的设备。鼠标是否易于使用也直接关系到我们的操作体验、工作效率和游戏体验,鼠标左键使用最频繁。如何解决鼠标左键失灵、鼠标左键不敏感的问题?让我们来看看解决方案。解决方法一:开机后鼠标左键暂时失灵。1.打开任务管理器,如果鼠标将来可以使用,那就是鼠标的问题!这是一个系统过程问题——conime.exe问题!conime.exe过程,通常刚刚开始,只有一段时间,是一个输入编辑器,允许用户使用标准键盘输入复杂的字符和符号。关闭它,无法输入汉字。如果您不想要这个过程,您可以禁止

Win10鼠标dpi怎么调?鼠标dpi实际上简单点来说便是鼠标的敏感度。dpi值越高,鼠标灵敏度越高。许多好朋友全是应用Win10系统,要想了解如何修改鼠标dpi值,小编今日就告知各位朋友们怎么修改鼠标dpi值,期待对您有协助。Win10系统调节鼠标灵敏度实例教程1.鼠标右键点一下菜单栏,挑选设定,进到Windows设定页面,挑选开启机器设备;2.在左边的选择栏中转换到鼠标,随后在右边有关设定下挑选别的鼠标选择项;3.在鼠标特性对话框,将上边菜单栏转换到表针选择项,在下边挑选表针挪动速率来调节鼠

鼠标滚轮上下失灵解决方法:1、清洁鼠标滚轮,在清洁过程中小心使用,并确保鼠标断开电源;2、调整鼠标滚轮设置,打开控制面板,在硬件和声音中,选择"鼠标",选择"滚轮"选项卡,确保"滚动方式"选项选择为"多行";3、更新鼠标驱动程序,按下Win+X键,打开设备管理器,找到你的鼠标设备,右键点击它,然后选择"更新驱动程序";4、上述方法都没解决问题,更换鼠标滚轮,或者整个鼠标。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)