js如何实现：在页面中任意位置点击鼠标，则在该位置显示一个div

<script type="text/javascript">

window.onload=function(){

    document.onmousedown=function(ev){

        var oEvent=ev||event;

        var oDiv=document.createElement('div');

        oDiv.style.left=oEvent.clientX+'px';  // 指定创建的DIV在文档中距离左侧的位置

        oDiv.style.top=oEvent.clientY+'px';  // 指定创建的DIV在文档中距离顶部的位置

        oDiv.style.border='1px solid #FF0000'; // 设置边框

        oDiv.style.position='absolute'; // 为新创建的DIV指定绝对定位

        oDiv.style.width='200px'; // 指定宽度

        oDiv.style.height='200px'; // 指定高度

        document.body.appendChild(oDiv); 

    }

}

</script>

 

转载https://zhidao.baidu.com/question/2201815798368104068.html