Javascript 使用document.write对象呈现鼠标位置

Javascript 使用document.write对象呈现鼠标位置,javascript,Javascript,在下面的代码中 <script> var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false; if(!mie){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = mou

在下面的代码中

     <script>
            var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;
            if(!mie){
                document.captureEvents(Event.MOUSEMOVE);
            }
            document.onmousemove = mousePos;

            var mouseX = 0;
            var mouseY = 0;

            function mousePos(e){
                if(!mie){
                    mouseX = e.pageX;
                    mouseY = e.pageY;
                }
                else{
                    mouseX = e.clientX + document.body.scrollLeft;
                    mouseY = e.clientY + document.body.scrollRight;
                }

                /*document.formex.mousex.value = mouseX;
                document.formex.mousey.value = mouseY;*/
                document.write("X: " + mouseX + ";Y: " + mouseY + ";  Time: " + new Date());    
                return true;
            }
    </script>

var mie=(navigator.appName==“Microsoft Internet Explorer”)?真:假;
如果(!mie){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=mousePos;
var-mouseX=0;
var-mouseY=0;
功能鼠标座(e){
如果(!mie){
mouseX=e.pageX;
mouseY=e.pageY;
}
否则{
mouseX=e.clientX+document.body.scrollLeft;
mouseY=e.clientY+document.body.scrollRight;
}
/*document.formex.mousex.value=mousex;
document.formex.mousey.value=mousey*/
文件。写入(“X:+mouseX+”;Y:+mouseY+;时间:+newdate());
返回true;
}

预期的输出是为移动中的每个鼠标位置呈现每个新条目


使用
document.write
object,我只能用一个鼠标位置呈现一个条目。有更好的渲染方法吗?

文档。编写
和其中的所有事件处理程序

试试这个

<script>
            var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;
            if(!mie){
                document.captureEvents(Event.MOUSEMOVE);
            }
            document.onmousemove = mousePos;

            var mouseX = 0;
            var mouseY = 0;

            function mousePos(e){
                if(!mie){
                    mouseX = e.pageX;
                    mouseY = e.pageY;
                }
                else{
                    mouseX = e.clientX + document.body.scrollLeft;
                    mouseY = e.clientY + document.body.scrollRight;
                }

                /*document.formex.mousex.value = mouseX;
                document.formex.mousey.value = mouseY;*/
                document.write("X: " + mouseX + ";Y: " + mouseY + ";  Time: " + new Date());    
document.onmousemove = mousePos;
                return true;
            }
    </script>
如果要追加,请执行以下操作

document.body.innerHTML += "X: " + mouseX + ";Y: " + mouseY + "; Time: " + new Date() + " </br>";
document.body.innerHTML++=“X:”+mouseX+“Y:“+mouseY+”;时间:“+new Date()+”
”;
文档。编写
及其内部的所有事件处理程序

试试这个

<script>
            var mie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;
            if(!mie){
                document.captureEvents(Event.MOUSEMOVE);
            }
            document.onmousemove = mousePos;

            var mouseX = 0;
            var mouseY = 0;

            function mousePos(e){
                if(!mie){
                    mouseX = e.pageX;
                    mouseY = e.pageY;
                }
                else{
                    mouseX = e.clientX + document.body.scrollLeft;
                    mouseY = e.clientY + document.body.scrollRight;
                }

                /*document.formex.mousex.value = mouseX;
                document.formex.mousey.value = mouseY;*/
                document.write("X: " + mouseX + ";Y: " + mouseY + ";  Time: " + new Date());    
document.onmousemove = mousePos;
                return true;
            }
    </script>
如果要追加,请执行以下操作

document.body.innerHTML += "X: " + mouseX + ";Y: " + mouseY + "; Time: " + new Date() + " </br>";
document.body.innerHTML++=“X:”+mouseX+“Y:“+mouseY+”;时间:“+new Date()+”
”;
不要使用document.write,而是使用innerHTML。请参考演示链接

谢谢


Ashok

不要使用document.write,而是使用innerHTML。请参考演示链接

谢谢


Ashok

虽然这会重新绑定javascript,但仍然会清除整个页面。我们应该考虑一些东西,例如:代码>文档.BODY.InEntHyL=“X:”+ MUSEX +;Y:“+ Mousi+”;时间:“+新数据());<代码>@Tom是的,这也是真的JavaScript可以很有趣。我记得玩过iframe,我能够用一个函数创建一个iframe,并在外部作用域中放置对它的引用,然后删除该iframe并调用该函数。很有趣。没有环境,只有运行时。@Tom,但我需要一个新的条目和每个新的位置。我会帮助,过度交换。请稍后查看我的答案。虽然这会重新绑定javascript,但仍会清除整个页面。我们应该考虑一些东西,例如:代码>文档.BODY.InEntHyL=“X:”+ MUSEX +;Y:“+ Mousi+”;时间:“+新数据());<代码>@Tom是的,这也是真的JavaScript可以很有趣。我记得玩过iframe,我能够用一个函数创建一个iframe,并在外部作用域中放置对它的引用,然后删除该iframe并调用该函数。很有趣。没有环境,只有运行时。@Tom,但我需要一个新的条目和每个新的位置。我会帮助,过度交换。请稍后检查我的答案。使用
console.log
:)使用
console.log
:)