简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

關於div的onmouseover事件失效的問題解決

黄舟
發布： 2017-07-19 14:04:18
原創
3906 人瀏覽過

想實現如下功能：div標籤內有個,滑鼠經過div時想改變圖片，我的做法是，div的onmouseover事件:替換掉div的innerHTML內容(換成新的

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
</style>
<script type="text/javascript">
function changeImg() {
var imageEle = document.getElementById("img");
imageEle.src = "2.jpg";
}
function changeImgAgain() {
var imageEle = document.getElementById("img");
imageEle.src = "1.jpg";
}
</script>
</head>
<body>
<div id="handler" onmouseover="changeImg()" onmouseout="changeImgAgain()" style="backgound: #333; width: 300px; height: 300px"></div>
<div><image id="img" src="1.jpg" /></div>
</body>
登入後複製

將mouseout換成mouseleave事件。

思路是沒有問題的，貼出你的程式碼吧，是你的程式碼有問題

$(&#39;#divId&#39;).hover(
　　function() {//mouseover
　　　　$(this).find("image").attr("src","......");
      },
      fucntion(){//mouseout
　　　　$(this).find("image").attr("src",".....");
     }
);
登入後複製

以上是關於div的onmouseover事件失效的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
onmouseover，div，事件
來源：php.cn
上一篇：jQuery各種遍歷數組及json物件的實例程式碼匯總 下一篇：jquery each拿取物件的方式實例詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在行動視圖中，當使用者點擊連結時，如何關閉此導覽列？ 當使用者點擊連結瀏覽網站時，導覽列沒有關閉？我曾嘗試向每個連結新增點擊事件偵聽器以關閉導覽欄，但它不起作用！此外，處於活動位置（即X）的hamberberger選單圖示也沒有很好地...
來自於 2024-04-06 19:23:03
0
1
411
供應商特定偽元素上的 JavaScript 懸停事件 我有以下htmlinput標籤。 $("input[type='range']::-webkit-slider-thumb").on('hover',funct...
來自於 2024-04-06 15:35:24
0
1
274
React Three Fiber：為什麼我的滾動事件有延遲？ 在ReactThreeFiber中，我有一個React組件，可以產生一個精靈，我希望該精靈在相機變焦下保持不變。該演算法似乎有效（大小似乎不隨時間變化），但我可以明顯看到它在放大和...
來自於 2024-04-06 13:39:24
0
1
410
將在MYSQL資料庫中將ASP Classic程式碼儲存為字串的可能性 是否可以將asp經典程式碼儲存到MySQL資料庫中並讓它在拉取時執行程式碼？例如將變數名稱儲存到字串中並讓它在顯示之前執行ASP？我懷疑這是不可能的，因為MySQL請求在頁面載入後...
來自於 2024-04-06 13:38:43
0
1
358
NumberInput 滑鼠滾輪處理忽略捕捉階段的事件過濾 非常簡短的版本：我有點卡住了，不太明白為什麼這段程式碼確實可以攔截和防止滑鼠滾輪事件被數位編輯解釋以更改數字。我想了解為什麼攔截擷取和過濾事件不起作用：HTML程式碼：<pi...
來自於 2024-04-05 12:21:04
0
1
1387
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！