控制台输入获取屏幕坐标

最新推荐文章于 2024-08-28 09:09:38 发布

Varose

最新推荐文章于 2024-08-28 09:09:38 发布

阅读量253

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Varose/article/details/129752011

版权

var temp_div = document.createElement("div");
temp_div.className = "client_position";
temp_div.style.position = "fixed";
temp_div.style.zIndex = "9999";
temp_div.style.width = "100px";
temp_div.style.height = "20px";
temp_div.style.background = "rgba(0,0,0,0.4)";
temp_div.style.color = "white";
temp_div.style.textAlign = "center"
document.body.insertBefore(temp_div, document.body.lastChild);

function changeClient(event) {
    temp_div.style.left = (event.clientX-30).toString()+"px";
    temp_div.style.top = (event.clientY-30).toString()+"px";
    temp_div.innerText = "x: "+event.clientX.toString()+" y: "+event.clientY.toString();
}

document.addEventListener("mousemove",changeClient);