jquery 中event target

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

记得w

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

阅读量669

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/jidetashuo/article/details/53540084

版权

js 专栏收录该内容

4 篇文章

订阅专栏

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");
				}
			}
		}