触发onclick事件元素的获取

2020-03-01 19:00:46

onclick触发元素获取

  • 自动生成元素的onclick事件

  • event.target返回触发事件的元素

  • event.currentTarget返回绑定事件的元素


<script>
var span3=$('<span onclick=delLable("'+data[i]._id+'")></span>');
span3.addClass('num');
span3.html('<i class="Hui-iconfont">&#xe609;</i>');

function delLable(){
	var that=event.currentTarget;
    console.log($(that));
    console.log(event.target);
   
    console.log(event.target.nodeName 　)　 //获取事件触发元素标签name 
	console.log(event.target.className　)　  //获取事件触发元素classname
	console.log(event.target.innerHTML)　　  //获取事件触发元素的内容
	console.log(event.target.id)　//获取事件触发元素id
    
    console.log(event.currentTarget.nodeName 　)　 //获取事件绑定元素标签name 
	console.log(event.currentTarget.className　)　  //获取事件绑定元素classname
	console.log(event.currentTarget.innerHTML)　　  //获取事件绑定元素的内容
	console.log(event.currentTarget.id)　//获取事件绑定元素id
}
</script>


  • 获取触发onclick元素的父元素 “$“获取元素

console.log($(event.currentTarget).parent());


  • 精彩推荐

  • 2021-02-21 22:52:12

    php去除字符串中的HTML标签

    php自带的函数可以去除/删除字符串中的HTML标签/代码。 strip_tags(string,allow)：函数剥去 HTML、XML 以及 PHP 的标签。 参数：string,必填,规定要检查的字符串；allow,选填,规定允许存在的标签,这些标签不会被删除。

  • 2021-03-02 16:00:30

    git pull时的filename too long的错误

    这是因为git在windowa下的文件名长度最大是260，（git在Linux下最大支持4096长度的文件名），可以通过输入以下命令解决：

  • 2021-03-05 13:18:03

    mjml教程详解

    mjml如何快速编写响应式电子邮件

  • 2021-03-15 10:34:55

    Sass函数：Sass Maps的函数-map-get($map,$key)

    map-get($map,$key) 函数的作用是根据 $key 参数，返回 $key 在 $map 中对应的 value 值。如果 $key 不存在 $map中，将返回 null 值。此函数包括两个参数：