1、需要用鼠标点击pdf的位置，在所点击的位置那，插入一个图片。
2、后台用的是itextpdf，插入图片功能已经做好，鼠标点击pdf文档的位置即可获取坐标。
1、首先打开html编辑器，新建一个html文件，里面写入4个li标签，并在上方的style标签中设置li的样式，给li标签高度和宽度以及边框，同时设置li标签之间的间隔。
2、然后在script标签中写入js，首先用getElementsByTagName获取所有li标签的dom元素，任何使用for循环遍历数组中的元素，for循环内部设置每个li标签的index元素，在给每个元素添加点击事件，点击之后就会弹出li标签的index值出来。
3、最后打开浏览器，点击其中的一个标签，就会弹出对应的li标签数值了。
一、clientX、clientY点击位置距离当前body可视区域x，y坐标。
二、pageX、pageY
对于整个页面来说，包括被卷去的body部分的长度。
三、screenX、screenY
点击位置距离当前电脑屏幕的X、Y坐标。
四、offsetX、offsetY
相对于带有定位的父盒子的X、Y坐标。
五、X、Y
和screenX、Y一样。
以上五种是我们经常用到的坐标以及他们的含义。
下面附上一张图可以看得更清楚点。
