Javascript jquery单击发送功能无法工作，只能更新同一字段

我正在尝试为我的表情功能创建一个click send函数，但它无法正常工作

我是从JSFIDLE创建的。在这个演示中，您可以看到有四个textarea和smiley。当您单击“微笑”时，其他警告注释将显示在此处，请编写您的注释。在这方面，有什么问题，有什么解决方案可以帮助我

JS

---

HTML

第43行$'.sendcoment'.trigger；您将触发所有文本区域的按键关闭事件。将其更改为comment.trigger

我认为您的意思是，单击一个笑脸只能更新同一个字段，而不能更新其他字段？@akshaykhandelw是的，您理解正确。请添加event.stopPropagation；在所有EventListener中，由于您将事件绑定到body上，因此它们将从元素向上传播到body元素。我认为这会解决你的问题。

$('.sendcomment').bind('keydown', function (e) {
    if (e.keyCode == 13) {
        var ID = $(this).attr("data-msgid");
        var comment = $(this).val();

        if ($.trim(comment).length == 0) {
            $("#commentload" + ID).text("Plese write your comment!");
        } else {
            $("#commentload" + ID).text(comment);
            $("#commentid" + ID).val('').css("height", "35px").focus();
        }
    }
});
/**/
$(document).ready(function () {
    $('body').on("click", '.emo', function () {

        var ID = $(this).attr("data-msgid");
        var comment = $(this).val();

        if ($.trim(comment).length == 0) {
            $("#commentload" + ID).text("nothing!");
        } else {
            $("#commentload" + ID).text(comment);
            $("#commentid" + ID).val('').css("height", "35px").focus();
        }

    });
});
$('body').on('click', '.sm-sticker', function (event) {
    event.preventDefault();
    var theComment = $(this).parents('.container').find('.sendcomment');
    var id = $(this).attr('id');
    var sticker = $(this).attr('sticker');
    var msg = jQuery.trim(theComment.val());

    if (msg == '') {
        var sp = '';
    } else {
        var sp = ' ';
    }

    theComment.val(jQuery.trim(msg + sp + sticker + sp));
    var e = $.Event("keydown");
    e.keyCode = 13; // # Some key code value
    $('.sendcomment').trigger(e);
});