【js】单机屏幕任意位置增加一个 div

最新推荐文章于 2022-12-31 13:45:59 发布

Cynthiaxueeeeeee

最新推荐文章于 2022-12-31 13:45:59 发布

阅读量411

点赞数

分类专栏： js html 文章标签： javascript

本文链接：https://blog.csdn.net/Cynthiaxueeeeeee/article/details/80776260

版权

js 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

【js】单机屏幕任意位置增加一个 div

 window.onload = function() {
                document.onmousedown = function(e) {
                    var oEvent = e || event;
                    var newDiv = document.createElement('div');
                    var random = Math.floor(Math.random() * 3) + 1;
                    if(random ==1) newDiv.innerHTML = "❤";
                    if(random ==2) newDiv.innerHTML = "ღ";
                    if(random ==3) newDiv.innerHTML = "❥";
                    newDiv.style.left = oEvent.clientX + 'px'; // 指定创建的DIV在文档中距离左侧的位置
                    newDiv.style.top = oEvent.clientY + 'px'; // 指定创建的DIV在文档中距离顶部的位置
                    newDiv.style.position = 'absolute'; // 为新创建的DIV指定绝对定位
                    newDiv.style.color = 'hotpink';//设置字体颜色
                    newDiv.style.fontSize='100%';//设置字体大小
                    document.body.appendChild(newDiv);
                }
            }