[英]Adding character to end of textarea or caret position using JavaScript?
I have tried to do this by getting the VALUE of the textarea and changing the innerHTML to be the value + mychar. 我尝试通过获取textarea的VALUE并将innerHTML更改为值+ mychar来实现此目的。 It works if I haven't added any strings to the preloaded textarea, but after that it just doesn't work( meaning it does nothing).
如果我没有将任何字符串添加到预加载的textarea上,它将起作用,但是之后就不起作用了(这意味着它什么也不做)。 Why not after I add new strings to textarea?
将新字符串添加到textarea后为什么不呢? I would greatly prefer using the same way.
我非常希望使用相同的方式。 And please avoid jQuery, except if crucial.
并且请避免使用jQuery,除非至关重要。
HTML : HTML :
<button onclick = "AddLess()" class = "class">
<
</button>
<button onclick = "AddMore()" class = "class">
>
</button>
<button onclick = "AddExl()" class = "class">
!
</button>
<button onclick = "AddQuote()" class = "class">
"
</button>
<button onclick = "AddThing1()" class = "class">
{
</button>
<button onclick = "AddThing2()" class = "class">
}
</button>
<button onclick = "AddFin()" class = "class">
/
</button>
<button onclick = "AddSingle()" class = "class">
'
</button>
<button onclick = "AddPlus()" class = "class">
+
</button>
JavaScript : JavaScript :
function AddLess()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "<";
}
function AddMore()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ">";
}
function AddExl()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "!";
}
function AddQuote()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + '"';
}
function AddThing1()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "{";
}
function AddThing2()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "}";
}
function AddFin()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "/";
}
function AddSingle()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "'";
}
function AddPlus()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "+";
}
function AddBracket1()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + "(";
}
function AddBracket2()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ")";
}
function AddDot()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ".";
}
function AddSemi()
{
document.getElementById('code').innerHTML = document.getElementById('code').value + ";";
}
function _addChar(c)
{
document.getElementById('code').value = document.getElementById('code').value + c;
}
works for me 为我工作
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.