js点击获取—通过JS获取图片的相对坐标位置

a97156000

于 2017-11-17 15:27:00 发布

阅读量3.1k

点赞数 2

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/jialinG/p/7851828.html

版权

这篇博客介绍如何通过JavaScript获取鼠标在图片上的点击位置的相对坐标，并讲解使用JS在图片上标注热点的相对定位方法。

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

一、通过JS获取鼠标点击时图片的相对坐标位置

源代码如下所示：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>通过JS获取图片的相对坐标位置</title>
 7 
 8     <style>
 9         body {
    margin: 0; padding: 0; }
10         #area{
    width:300px;height:300px;}
11         #area img{
    border:none;cursor:pointer;width: 300px;height: 300px;}

最低0.47元/天解锁文章