jquery 中event target

最新推荐文章于 2020-12-07 20:49:59 发布

原创最新推荐文章于 2020-12-07 20:49:59 发布 · 681 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

4 篇文章

订阅专栏

本文解析了JavaScript中事件处理程序中的this关键字与event.target之间的差异，并通过实例演示了两者的用法。介绍了它们在事件冒泡过程中的行为特点及如何在实际应用中正确运用。

1.event.target 指的是引发事件的dom元素

2.this和event.target的区别
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

3.this和event.target的相同点
this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);

例子：

                $("#texTureStar span").click(function(event) {
			test(event, 'texTureStar span');
		})
		function test(event, obj) {
			var index = $("#" + obj).index(event.target);
			var level = 0;
			var length = $("#" + obj).length;
			//当前星星  不亮
			if ($(event.target).hasClass("aui-icon-favor")) {
				for (var i = 1; i <= index; i++) {
					$("#" + obj).eq(i).removeClass("aui-icon-favor").addClass("aui-icon-favorfill");
				}
			} else {
				for (var i = index; i < length; i++) {
					$("#" + obj).eq(i).addClass("aui-icon-favor").removeClass("aui-icon-favorfill");
				}
			}
		}