Question

我想在图片点击的输入中键入 kappa 。我有this code但似乎它不起作用......

＆＃13;

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

＆＃13;

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

＆＃13;

我在哪里弄错了？我该如何解决？

Answer 1

使用value代替text：

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

并提供一个return false，使其不会关注该链接。

小提琴：http://codepen.io/anon/pen/QjELxJ

Answer 2

执行以下操作：

    document.getElementById("kappa").addEventListener('click', function(evt) {
        document.getElementById("usermsg").value = "kappa";
    });

添加文字以输入点击

2 个答案: