javascript - 在随机位置写入文本

Question

我对 javascript 相当陌生，我正在尝试创建一个界面，多个用户在表单中输入一串文本，提交后，该文本与之前的用户输入一起随机出现在页面上。有没有办法用 JavaScript 来做到这一点？我主要遇到的问题是找到一种将文本写入屏幕上特定位置的方法。

Answer 1

这个想法是，每次创建一个新元素，并在其上设置以下 CSS，以便能够手动定位它:

position: absolute;
left: _px;
top: _px;

其中_可以通过Math.random()生成。此函数返回 0 到 1 之间的十进制值，因此对其进行适当拉伸(stretch)和舍入以获得屏幕上的随机整数像素坐标: http://jsfiddle.net/6eTcD/2/ .

​document.querySelector("form").addEventListener("submit", function(e) {
    e.preventDefault();

    var fullWidth = window.innerWidth;
    var fullHeight = window.innerHeight;

    var text = this.querySelector("input[type='text']").value;

    var elem = document.createElement("div");
    elem.textContent = text;
    elem.style.position = "absolute";
    elem.style.left = Math.round(Math.random() * fullWidth) + "px";
    elem.style.top = Math.round(Math.random() * fullHeight) + "px";
    document.body.appendChild(elem);
});