本文实例为大家分享了js实现圆形显示鼠标单击位置的具体代码,供大家参考,具体内容如下
代码如下:
& lt; !DOCTYPE html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>显示鼠标单击位置& lt;/title>
& lt; style>
.mouse{:固定;背景:# ffd965;宽度:40 px;高度:40 px; border - radius: 20 px;显示:没有;}
& lt;/style>
& lt; script>
窗口。onload=function () {
老鼠var=. getelementbyid(“老鼠”);//需求:鼠标在页面上单击时,获取单击时的位置,并显示一个小圆的点
文档。onclick=function () {
mouse.style。显示=翱椤?//获取事件对象的兼容处理
var targetX=事件。clientX——老鼠。offsetWidth/2;
var targetY=事件。clientY——老鼠。offsetHeight/2;//在鼠标单击的位置显示& lt; div>
mouse.style。左=targetX +“px”;
mouse.style。顶级=targetY +“px”;
};
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=笆蟊辍眂lass=笆蟊辍弊４? lt;/div>
& lt;/body>
& lt;/html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
