javascript - 单击时将文本添加到输入

Question

我想在图像点击输入中输入kappa。我有this code但好像不行...

document.getElementById("kappa").addEventListener('click', function () {
    var text = document.getElementById('usermsg');
    text.value = (text.innerHTML + ' kappa ');
});

<a href="#" id="kappa"><img src='http://placehold.it/50x50' width='100px'></a>
<br>
<input type="text" id="usermsg">

我哪里出错了？又该如何解决呢？

Answer 1

使用值而不是文本:

document.getElementById("kappa").addEventListener('click', function () {
    var text = document.getElementById('usermsg');
    text.value = (text.value + ' kappa ');
    return false;
});

并给出一个return false以使其不跟随链接。

fiddle :http://codepen.io/anon/pen/QjELxJ