html鼠标移入移出
时间: 2023-07-01 12:06:41 浏览: 139
jQuery实现鼠标移入移出事件切换功能示例
HTML 中提供了两个事件可以监听鼠标的移入和移出:
1. `onmouseover`:当鼠标移入某个元素时触发该事件。
2. `onmouseout`:当鼠标移出某个元素时触发该事件。
这两个事件可以在 HTML 标签中直接使用,也可以在 JavaScript 中通过元素对象的 `addEventListener` 方法添加。
例子:
HTML 中直接使用:
```html
<div onmouseover="alert('鼠标移入了!')" onmouseout="alert('鼠标移出了!')">移入移出</div>
```
JavaScript 中添加事件监听:
```html
<div id="target">移入移出</div>
<script>
const target = document.getElementById('target');
target.addEventListener('mouseover', function() {
alert('鼠标移入了!');
});
target.addEventListener('mouseout', function() {
alert('鼠标移出了!');
});
</script>
```
以上两种方式都可以实现鼠标移入移出的效果。
阅读全文