在输入中添加文本单击

Add Text to input On Click

本文关键字：文本 单击 添加 输入      更新时间：2023-09-26

我想键入kappa在输入图像点击。我有这个代码，但它似乎不工作…

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">

我哪里出错了?怎么解呢?

用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

执行以下操作:

    document.getElementById("kappa").addEventListener('click', function(evt) {
        document.getElementById("usermsg").value = "kappa";
    });
相关文章：