事件参数对象下的几个属性 mouseenter与mouseover的区别

事件参数对象下的几个属性

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div {width: 400px;height: 200px;background-color: yellow;}p {width: 100px;height: 20px;background-color: pink;}</style><script src="jquery-1.12.1.js"></script><script>// e.target这个属性得到的是触发该事件的目标对象,此时是一个DOM对象// e.currentTarget这个属性得到的是触发该事件的当前的对象// e.delegateTarget这个属性得到的是代理这个对象// $(function(){          //     // 事件参数对象//     $("#dv").click(function(e){//         // console.log("哈哈");//         // 得到的是触发该事件的目标对象//         console.log("div被点了");//         // console.log(e.target.id);//         console.log($(e.target).attr("id"));//     });//     $("p").click(function(){//         console.log("p被点击了");//         // return false;//     });// });$(function(){          // 事件参数对象$("#dv").click(function(e){console.log("div被点了");// console.log(e.currentTarget.id);// console.log($(e.currentTarget).attr("id"));// console.log(e);console.log(e.screenX + "====" + e.screenY);});$("p").click(function(){console.log("p被点了");});});</script>
</head>
<body>
<input type="button" value="显示效果" id="btn">
<div id="dv"><p id="p1">这是一个p</p>
</div></body>
</html>

mouseenter与mouseover的区别

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="jquery-1.12.1.js"></script><script>x=0;y=0;$(document).ready(function(){$("div.over").mouseover(function(){$(".over span").text(x+=1);});$("div.enter").mouseenter(function(){$(".enter span").text(y+=1);});});</script>
</head>
<body><p>不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。</p><p>只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。</p><div class="over" style="background-color:lightgray;padding:20px;width:40%;float:left"><h2 style="background-color:white;">被触发的 Mouseover 事件：<span></span></h2></div><div class="enter" style="background-color:lightgray;padding:20px;width:40%;float:right"><h2 style="background-color:white;">被触发的 Mouseenter 事件：<span></span></h2></div>
</body>
</html>

事件参数对象下的几个属性 mouseenter与mouseover的区别相关推荐

事件冒泡及阻止事件冒泡事件的触发事件参数对象获取用户按下键盘的键
事件冒泡及阻止事件冒泡 <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...
鼠标事件中 mouseenter与 mouseover的区别
鼠标事件中 mouseenter与 mouseover的区别: mouseenter: 当鼠标指针穿过元素时,会发生 mouseenter 事件.该事件大多数时候会与mouseleave 事件一起使用 ...
jq 给节点node加事件_JavaScript 原生对象、属性、方法、事件、事件参数
/*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...
element 方法返回的boolean被当成字符串了_JavaScript 原生对象、属性、方法、事件、事件参数...
/*** 事件参考 https://developer.mozilla.org/zh-CN/docs/Web/Events* Event <- UIEvent <- MouseEvent* ...
Chapter09-内核模式下的线程同步之事件内核对象
有两种事件内核对象:自动事件和手动事件.当手动事件被触发时,所以该事件的等待线程都编程可调度状态:而自动事件被触发时,只有个一个等待该事件线程变成可调度状态. 下面再逐个讲解Event的相关函数: a ...
JavaScript函数之实际参数对象(arguments) / callee属性 / caller属性 / 递归调用 / 获取函数名称的方法...
函数的作用域:调用对象 JavaScript中函数的主体是在局部作用域中执行的,该作用域不同于全局作用域.这个新的作用域是通过将调用对象添加到作用域链的头部而创建的(没怎么理解这句话,有理解的亲可以留 ...
java类向拦截器传值_MyBatis拦截器:给参数对象属性赋值的实例
该拦截器的作用:在进行增加.修改等操作时,给数据模型的一些通用操作属性(如:创建人.创建时间.修改人.修改时间等)自动赋值. 该实现是在dao层拦截,即存入db前最后一层.后经分析,不是很合理,改为在 ...
获取对象的接口信息(方法/属性/事件)(VB6代码)
要不是WS的超级绿豆提起这东西,我还不知道呢.... 真是个好玩意!!能列出一个对象的接口,包括方法,属性,事件.....微软直接做了啊. 记录一下,以后要用到时免得忘了: Option Explic ...
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID

事件参数对象下的几个属性 mouseenter与mouseover的区别

事件参数对象下的几个属性 mouseenter与mouseover的区别相关推荐

最新文章

热门文章