Question

我想找到一种方法来点击textarea的各个行并将它们移动到其他位置。我将机芯部件放下，但无法找到任何关于它是否可以只做单行的信息。感谢您的任何意见。

http://jsbin.com/vinuvopimo/edit?html,js,output

<html>
<body>



<textarea id="input"> Click me.</textarea> 
<textarea id="output"> </textarea>

<script>

document.getElementById("input").onclick = function() {myFunction()};



function eraseText() {
        document.getElementById("input").value = "";

    } 

 function myFunction() {

    var InputVar = document.getElementById("input").value;
    var OutputVar = document.getElementById("output");

        OutputVar.value = InputVar;

//  cleanup     
eraseText();    
}

</script>

</body>
</html>

Answer 1

如果您想操纵各个线条 - 您必须确定用户点击的确切位置。几乎没有选择：

最简单 - 将左输入分成许多一行输入（在视觉上你可以操作css以使其看起来像一个组件），而不是创建逻辑以在任何地方移动线。

如果你想留在单个textarea，你可以获得鼠标事件y坐标并计算行号。

http://jsbin.com/xirinocora/1/edit?html,js,output

是否可以使用HTML或javascript操纵textarea的各个行？

1 个答案: