mouseover和mouseenter的区别

最新推荐文章于 2024-11-05 22:07:06 发布

datk74439

最新推荐文章于 2024-11-05 22:07:06 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shenq/p/6702429.html

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="checkbox" />
<div style="width: 100px;height: 200px;background-color: #000;display: block;" id="href">
    <p>josjofiosj ofsdjfdsjfks</p>
    <a href="javascript:void(0)" id="" style="width: 100px;height: 100px;background-color: #ff0000;display: block;">1</a>
</div>

<script>
 
    window.onload = function() {
        var href = document.getElementById('href');
        href.addEventListener('mouseover',function() {
            var i = 0;
 
            href.getElementsByTagName("a")[0].text = parseInt(href.getElementsByTagName("a")[0].text) + 1;
        })
    }
</script>
</body>
</html>

　　mouseover是在指定元素和子元素都会执行，而mouseenter只有在指定元素下执行有作用

转载于:https://www.cnblogs.com/shenq/p/6702429.html