javascript 的 clientX用法
生活随笔
收集整理的這篇文章主要介紹了
javascript 的 clientX用法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試</title>
</head>
<body >
<div id="div1"></div>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
document.onmousemove=function(ev){
var oEvent=ev||event;
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; //解決chrome下scrollTop兼容性問題
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
oDiv.style.top=oEvent.clientY+scrollTop+'px'; //clientX與scrollTop一般要同時使用
oDiv.style.left=oEvent.clientX+scrollLeft+'px';
}
}
</script>
</body>
</html>
總結
以上是生活随笔為你收集整理的javascript 的 clientX用法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 舞阳城老6先知攻略
- 下一篇： spring cloud config笔