mouseenter事件和mouseover事件

最新推荐文章于 2023-06-15 17:03:12 发布

weixin_30836759

最新推荐文章于 2023-06-15 17:03:12 发布

阅读量102

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/aissd/p/4885167.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <ul id="ul">
 9             <li>1</li>
10             <li>2</li>
11             <li>3</li>
12             <li>4</li>
13         </ul>
14         <script>
15             document.getElementById('ul').addEventListener('mouseover', function(e){
16                 console.log(e.target.nodeName);
17                 if(e.target && e.target.nodeName.toUpperCase() == 'LI'){
18                     console.log('over');
19                 }
20             }, false);
21             document.getElementById('ul').addEventListener('mouseenter', function(e){
22                 console.log(e.target.nodeName);
23                 if(e.target && e.target.nodeName.toUpperCase() == 'LI'){
24                     console.log('enter');
25                 }
26             }, false);
27         </script>
28     </body>
29 </html>