mouseleave两个元素
时间: 2024-06-12 13:08:14 浏览: 13
mouseleave事件是在鼠标指针离开一个元素时触发的事件。如果要监听mouseleave事件需要使用事件监听器,可以使用以下方法:
1. 使用addEventListener方法绑定mouseleave事件
```javascript
const element1 = document.getElementById('element1');
const element2 = document.getElementById('element2');
element1.addEventListener('mouseleave', function() {
console.log('鼠标离开了元素1');
});
element2.addEventListener('mouseleave', function() {
console.log('鼠标离开了元素2');
});
```
2. 使用jQuery绑定mouseleave事件
```javascript
$('#element1').on('mouseleave', function() {
console.log('鼠标离开了元素1');
});
$('#element2').on('mouseleave', function() {
console.log('鼠标离开了元素2');
});
```
需要注意的是,mouseleave事件只会在鼠标离开指定元素时触发,如果鼠标离开了指定元素的子元素,则不会触发mouseleave事件。如果需要监听鼠标离开子元素的事件,可以考虑使用mouseout事件。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)