使用javascript插入字母

Use javascript to insert letters

本文关键字：插入 javascript 使用      更新时间：2023-09-26

有没有办法使用javascript通过onClick在文本区域中插入字母？这些字母不需要很花哨，只需要很简单。我没有代码可以显示，因为我甚至不知道从哪里开始。也许是一个可点击的div？

编辑：如何将已键入单词的字母插入文本区域？我不想擦除中已经存在的内容

简单：

HTML:

<textarea id="input"></textarea>
<button onclick="makeTextAppear();">Presto!</button>

JavaScript:

function makeTextAppear() {
    var text = document.getElementById('input');
    text.value = "Hello World";
}

如果您有button元素，其文本节点是该元素的字符。

var buttons = document.getElementById('chars').getElementsByTagName('button'),
    textarea = document.getElementById('char-list');
for (var i = 0, length = buttons.length; i < length; i++) {
    buttons[i].onclick = function() {
        textarea.value += buttons[i].textContent || buttons[i].innerText;
    }
}

或者，对于文本节点，您可以访问buttons[i].firstChild.data。

您可以很容易地用您想要的任何内容替换文本区域的内容。在您的功能中：

var text = this.value;
text.replace('mom','mother'); // Replace 'mom' with 'mother'
text += "And add some text at the end";
text = "And maybe add text at the beginning" + text;
this.value = text; // And finally replace it

简单：

<textarea name="field" id="field"></textarea>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem.
</div>
<input type="button" value="Button" onclick="document.getElementById('field').innerHTML = document.getElementById('content').innerHTML" />

这里有一个让你开始的东西：

HTML : 
<input type="button" value="A" />
<input type="button" value="B" />
<input type="button" value="C" />
<input type="button" value="D" />
<textarea id="toBeFill"></textarea>
Javascript using JQuery:
$("input[type=button]").live('click',function(){ $('#toBeFill').text($('this').val()); })

首先将onclick处理程序作为添加到div中

<div id="yourID" onclick="funct1();"

此处funct1是单击时将调用的函数。在funct1中，做任何你想做的事。

要编辑文本值，请使用功能

function editTextNode(textNode,text,pos){
    var val=textNode.nodeValue;
    if(pos=="END"){  pos=val.length; }  //add at end of existing text
    val=val.slice(0,pos) + text + val.slice(pos);   //*
    textNode.nodeValue=val;
}

这样你就可以随心所欲地编辑它。您所要做的就是获取文本节点并调用此函数。如果只想在末尾添加，可以删除所有与pos连续的语句，并将标记为*的语句替换为val+=text

相关文章：