js获取鼠标点击位置的所有dom元素

最新推荐文章于 2024-11-20 15:29:33 发布

枫叶&情缘

最新推荐文章于 2024-11-20 15:29:33 发布

阅读量685

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_45791806/article/details/132622324

版权

该篇文章介绍了如何使用JavaScript在用户点击事件中，通过`event.clientX`和`event.clientY`获取点击位置，然后使用`elementsFromPoint`方法获取对应点的DOM元素，并判断元素是否为`IMG`或`DIV`标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$('body').on('click', '.container', function (event) {
       	var x = event.clientX;
        var y = event.clientY;
        var elements = document.elementsFromPoint(x, y);
         // 遍历获取到的DOM元素数组
       for (var i = 0; i < elements.length; i++) {
           var element = elements[i];
           // 判断元素的标签名
           if (element.tagName === "IMG") {
				console.log("这是一个IMG元素");
           } else if (element.tagName === "DIV") {
               console.log("这是一个<div>元素");
           }
       }
});