站長資訊網
        最全最豐富的資訊網站

        jquery怎么刪除hover事件

        在jquery中,可以利用unbind()方法來刪除hover事件;但不能直接使用“unbind("hover")”語句,因為hover是由mouseenter和mouseleave構成的,所以要刪除hover效果,只需要移除這兩個事件即可,語法“元素對象.unbind("mouseenter").unbind("mouseleave")”。

        jquery怎么刪除hover事件

        前端(vue)入門到精通課程,老師在線輔導:聯系老師
        Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調試工具:點擊使用

        本教程操作環境:windows7系統、jquery3.6.1版本、Dell G3電腦。

        今天遇到jquery需要去掉hover的問題,原以為直接unbind("hover")就可以搞定,可是搞了半天都不行。

        $("button").click(function() { 	$("p").unbind("hover"); });
        登錄后復制

        jquery怎么刪除hover事件

        原因其實很簡單,hover并不是事件。打開參考手冊,hover其實由 mouseenter和mouseleave構成的。這樣問題就很明了!

        /* 這種方法是錯誤的 */ $(#hover_div).unbind("hover");  /* 這種方法也是錯誤的 */ $(#hover_div).unbind("mouseover").unbind("mouseout");  /* 這種方法是新增的,在老的版本里是無法使用的 */ $(#hover_div).unbind("mouseenter mouseleave");  /* 這種方法正確的,新老版本皆可用 */ $(#hover_div).unbind("mouseenter").unbind("mouseleave");
        登錄后復制

        上面的代碼建議使用第四種,相對安全些。

        使用示例:

        <!DOCTYPE html> <html>  	<head> 		<meta charset="UTF-8"> 		<script src="js/jquery-3.6.1.min.js"></script> 		<script> 			$(document).ready(function() { 				$("p").hover(function() { 					$("p").css("background-color", "yellow"); 				}, function() { 					$("p").css("background-color", "pink"); 				});  				$("button").click(function() { 					$("p").unbind("mouseenter").unbind("mouseleave"); 				}); 			}); 		</script> 	</head> 	<body>  		<p>鼠標移動到該段落。</p> 		<button>刪除hover</button> 	</body> </html>
        登錄后復制

        jquery怎么刪除hover事件

        說明:unbind()方法

        unbind() 方法能夠移除所有的或被選的事件處理程序,或者當事件發生時終止指定函數的運行。

        該方法也可以通過 event 對象取消綁定的事件處理程序。該方法也用于對自身內部的事件取消綁定(比如當事件已被觸發一定次數之后,刪除事件處理程序)。

        【推薦學習:jQuery視頻教程、web前端視頻】

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲精品无码AV中文字幕电影网站| 中文字幕久久精品| 亚洲精品国产V片在线观看| 精品久久久久久久久中文字幕| 亚洲国产精品一区第二页| 国产精品麻豆VA在线播放| 99精品国产高清一区二区麻豆| 四虎国产精品免费久久| 国产成人亚洲精品影院| 国产精品久久毛片完整版| 人妻精品久久久久中文字幕一冢本 | 久久国产乱子精品免费女| 亚洲精品二区国产综合野狼| 久久se这里只有精品| 国内精品99亚洲免费高清| 久久精品中文闷骚内射| 欧美日韩国产精品| 国产成人亚洲精品| 国产在线精品一区二区在线观看| 小辣椒福利视频精品导航| 亚洲A∨午夜成人片精品网站| 国产欧美精品一区二区三区四区| 亚洲精品国产成人99久久| 久久精品无码一区二区三区| 99久久精品国产免看国产一区| 精品亚洲麻豆1区2区3区| 久久精品国产亚洲av麻豆小说| 午夜精品一区二区三区免费视频 | 久久精品成人欧美大片| 国产成人精品综合久久久| 亚洲国产成人久久精品动漫| 国产欧美久久久精品| 99精品视频在线观看re| 国产成人精品高清在线观看99| 99国产欧美久久久精品蜜芽| 国产精品毛片VA一区二区三区| 国产精品免费看久久久| 国产a∨精品一区二区三区不卡| 91探花福利精品国产自产在线| 99国产精品久久| 久久精品无码一区二区三区|