jquery-中的滑鼠事件
<!DOCTYPE html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1.0">
<meta
http-equiv="X-UA-Compatible"
content="ie=edge">
<title>Document</title>
<style>
.box{
width: 300px;
height: 300px;
background: red;
overflow: hidden;
}
.box1{
height: 100px;
background: green;
margin-top: 100px;
color: white;
font-size: 50px;
}
</style>
<script
src="../js/jquery-1.12.4.min.js"></script>
<script>
$(function (){
// 1.進入子元素 會觸發的事件
var index =
0;
// $(".box").mouseover(function (){
// index ++;
// $(".box1").html(index);
// })
// 2.進入子元素 不會觸發的事件
// $(".box").mouseout(function (){
// index ++;
// $(".box1").html(index);
// })
// 工作中使用 最常用的
// $(".box").mouseenter(function (){
// index ++;
// $(".box1").html(index);
// })
// $(".box").mouseleave(function (){
// index ++;
// $(".box1").html(index);
// })
// 3.hover()
$(".box").hover(function (){
index ++;
$(".box1").html(index);
})
})
</script>
</head>
<body>
<div
class="box">
<div
class="box1"></div>
</div>
</body>
</html>
相關文章
- QGraphicsScene中捕捉滑鼠事件CSS事件
- angular 的滑鼠事件Angular事件
- 滑鼠事件事件
- JavaScript滑鼠中鍵滾動事件JavaScript事件
- tkinter中滑鼠與鍵盤事件(十五)事件
- 滑鼠拖拽事件事件
- 滑鼠、鍵盤事件事件
- 監聽滑鼠事件事件
- 事件 滑鼠事件 表單事件 from表單事件
- jquery-滑鼠經過導航條,顯示二級下拉選單jQuery
- 透過滑鼠事件獲取滑鼠位置在3d中的座標mouse/Raycaster事件3DAST
- React滑鼠點選事件物件中的幾個用到的屬性React事件物件
- 『OpenCV-Python』滑鼠事件OpenCVPython事件
- 瀏覽器滑鼠事件瀏覽器事件
- JQuery4:滑鼠事件和滾動事件jQuery事件
- 滑鼠進入移出事件事件
- C#窗體--滑鼠事件C#事件
- 1.21 JQuery4:滑鼠事件與滾動事件jQuery事件
- JQuery-入門jQuery
- JavaScript和JQuery的滑鼠mouse事件冒泡處理JavaScriptjQuery事件
- Matlab 實現介面相應滑鼠事件Matlab事件
- Javascript滑鼠滾輪事件相容寫法JavaScript事件
- jQuery-錨點動畫jQuery動畫
- 禁用input輸入框的滑鼠滾輪事件詳解事件
- 舉例說明js滑鼠事件有哪些?JS事件
- 選中滑鼠附近的文字
- 滑鼠事件css的:hover和js的mouseover有什麼區別?事件CSSJS
- jQuery-簡介與基本使用jQuery
- Simple WPF: WPF 透明窗體和滑鼠事件穿透事件穿透
- JS滑鼠事件完成元素拖拽(簡單-高階)JS事件
- 禁止 div 中的文字被滑鼠選中
- Vue中使用MouseMove事件 獲取滑鼠座標頻率降低或事件卡頓Vue事件
- Javascript中的事件物件和事件型別JavaScript事件物件型別
- 怎樣用純CSS實現禁止滑鼠點選事件?CSS事件
- 如何使用 JavaScript 程式碼建立虛擬滑鼠點選事件JavaScript事件
- c#中的事件C#事件
- (14)mysql 中的事件MySql事件
- react 中的blur事件React事件
- 網站前端_jQuery-基礎入門網站前端jQuery