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