javascript 鼠标跟随例子1

最新推荐文章于 2024-09-14 18:52:56 发布

kalt01

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量52

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/kalt01/article/details/130746823

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//javascript
//javascript 鼠标跟随例子1
//2023-05-18

<input type="text" id="text" />
<span style="position:absolute;">
    <div id="div1" style="width:400px;height:460px;border:solid 1px red;">鼠标跟随</div>
</span>
<script>
    var t = document.getElementById("text");
    var div1 = document.getElementById("div1");
    div1.onmousemove = function (event) {
        var event = event || window.event;  //标准化事件对象
        if (event.offsetX || event.offsetY) {
            t.value = event.offsetX + " " + event.offsetY;
        } else if (event.layerX || event.layerY) {
            t.value = (event.layerX-1) + " " + (event.layerY-1);
        }
    }
	
	div1.onmousedown= function (event) {
		var event = event || window.event;  //标准化事件对象
		v=event.offsetX + " " + event.offsetY;
		alert(v);
	
	}
</script>