javascript - 捕获按键并传递值 javascript

Question

我的 Laravel 应用程序的模板上有这个

 <input type="text" class="form-control" placeholder="Post a comment" onkeyup="handleEvt(this, {{$post->id}}, e)"/>

我希望用户在输入后只需按回车键即可发表评论。我有带有三个参数的 handleEvt() 函数。

第一个参数 - this，用于使用 jquery 获取输入对象 $(this)第二个参数 - {{$post->id}} 是帖子 ID，最后一个参数 (e) 用于捕获键盘事件。

这是我页脚中的等效函数

function handleEvt(obj, pid, e){
    if (e.keyCode === 13) {  //where 13 is the enter button
      v = $(obj).val();
      alert('it is working');
    }
}

我尝试运行此代码，但没有收到任何警报，也就是说，代码未按预期工作，请有人帮助我。

Answer 1

全局事件对象称为event，而不是e。正确的 HTML:

<input type="text" class="form-control" placeholder="Post a comment" 
       onkeyup="handleEvt(this, {{$post->id}}, event)" />

或者它可以更简单，没有多余的this引用onkeyup="handleEvt(event, {{$post->id}})":

function handleEvt(e, pid) {
    if (e.keyCode === 13) {  // where 13 is the enter button
      var v = e.target.value;
      alert('it is working:' + v);
    }
}