zoukankan html css js c++ java

捕获鼠标点击位置移动

<!DOCTYPE HTML>
<html dir="ltr" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        #info{width:100px;height: 100px;background-color: #ff0000;position: absolute;top: 0;left: 0;}
    </style>
    <script type="text/javascript">
        window.onload=function(){
            document.onclick=processClick;
        }
        function processClick(evt){
            evt=evt || winodw.event;
            var x=0;var y=0;
            if(evt.pageX && evt.pageY){
                x=evt.pageX;
                y=evt.pageY;
            }else if(evt.clientX){
                var offsetX=0;var offsetY=0;
                if(document.documentElement.scrollLeft){
                    offsetX=document.documentElement.scrollLeft;
                    offsetY=document.documentElement.scrollTop;
                }else if(document.body){
                    offsetX=document.body.scrollLeft;
                    offsetY=document.body.scrollTop;
                }
                x=evt.clientX+offsetX;
                y=evt.clientY+offsetY;
            }
            var style="left: "+x+"px;top: "+y+"px";
            var box=document.getElementById("info");
            box.setAttribute("style",style);
        }
    </script>
</head>
<body style="height:10000px;">
    <div id="info"></div>
</body>
</html>

查看全文

相关阅读:
C代码调用Java代码
 简易的美图秀秀利用别人的so库
 C代码输出日志
 JAVA向C传递数据
 JNI使用常见错误
 JNI的开发步骤
 NDk的目录
 交叉编译
 jquery的一点点认识
 [效率提升]工作中的那些命令行

原文地址：https://www.cnblogs.com/wangwenfei/p/mouseevent.html

捕获鼠标点击 位置移动

捕获鼠标点击位置移动