Keypress event() 不是在 Firefox 中触发，而是在 Chrome 中触发答案

【问题标题】：Keypress evnt() is not firing in Firefox but in ChromeKeypress event() 不是在 Firefox 中触发，而是在 Chrome 中触发
【发布时间】：2014-05-21 21:16:35
【问题描述】：

当有人按下输入文本框时，我想使用 ajax 将一些数据发布到控制器。我的代码在 Chrome 上运行良好，但在 Firefox 中却不行。我尝试了几种解决方案，但对我不起作用。这是我的代码：

<input type="text"   id="txtbox_@cmt.StoryActivityId" onkeypress="Reply(this)"/>

和

<script>

function Reply(e){
    var id;
    id = e.id;


        var keycode = (event.keyCode ? event.keyCode : event.which);
        if (event.keyCode == '13') {
            //var txt1 = "\"";
            //var txt2 = txt1.concat(id);
            //var txt3 = "\"";
            //var ActivityId = txt2.concat(txt3);
            var storyActivityId = id.replace("txtbox_", "");
            var liId = '#' + "liPartial_" + storyActivityId;
            var txtId='#'+id;
            //event.stopPropagation();

            $.ajax({

                url: '@Url.Action("PostReply", "Feed")',
               type: 'post',
               cache: false,
               async: true,
               InsertionMode: 'InsertionMode.InsertAfter',
               data: { id:e.id,status:$(txtId).val()},
               success: function (data) {
                   $(liId).append("<br>" + data);
                   $(txtId).val('');
               }
           })
    }
}

【问题讨论】：

将此<script> 更改为<script type="text/javascript">
@EhsanSajjad 在 HTML5 中，您不需要 javascript 的脚本类型：stackoverflow.com/questions/14323376/…
是的，@Davi 是对的。您不需要添加脚本类型。

标签： javascript jquery asp.net-mvc-4 google-chrome firefox

【解决方案1】：

您需要将事件传递给该函数，

<input type="text"   id="txtbox_@cmt.StoryActivityId" onkeypress="Reply(event)"/>

脚本

function Reply(event) {
    var id;
    id = this.id;
    var keycode = (event.keyCode ? event.keyCode : event.which);
    alert(keycode);
    if (event.keyCode == '13') {
        //var txt1 = "\"";
        //var txt2 = txt1.concat(id);
        //var txt3 = "\"";
        //var ActivityId = txt2.concat(txt3);
        var storyActivityId = id.replace("txtbox_", "");
        var liId = '#' + "liPartial_" + storyActivityId;
        var txtId = '#' + id;
        //event.stopPropagation();

        $.ajax({

            url: '@Url.Action("PostReply", "Feed")',
            type: 'post',
            cache: false,
            async: true,
            InsertionMode: 'InsertionMode.InsertAfter',
            data: {
                id: e.id,
                status: $(txtId).val()
            },
            success: function (data) {
                $(liId).append("<br>" + data);
                $(txtId).val('');
            }
        })
    }
}

Demo

【讨论】：

【解决方案2】：

改变这个：

onkeypress="Reply(this)"

到这里：

onkeypress="Reply(event, this)"

传递事件作为第一个参数。

【讨论】：

不幸的是，它对我不起作用。我以前试过。不过谢谢你的回答。