javascript - html - <输入类型=按钮> 和 <按钮>

Question

我试图在我的文本区域中获取一个按钮值，如果我使用 <button> 则工作正常但如果我使用<input type=button>那么它就不起作用了。你能找出问题所在吗？

HTML

<textarea id="txt-area" readonly></textarea>
<button class="buttons">1</button>
<button class="buttons">2</button>
<button class="buttons">3</button>
<button class="buttons">4</button>
<input type="button" class="buttons" value=" Test">

JavaScript

$(document).ready(function () {
    $(".buttons").click(function () {
        var cntrl = $(this).html();
        $("#txt-area").val(function (_, val) {
            return val + cntrl + ","
        });
    });
});

我的代码也在这个jsFiddle中

Answer 1

因为你必须获取值而不是innerHTML。所以在你的代码中应该是

var cntrl = $(this).html() || $(this).val();