Question

我有一个使用keyup函数进行提交的表单。请问如何更改要点击的键盘功能。

我试过$('#btn').on('click',function(e){ 但无法让它发挥作用。

下面是使用javascript的keyup函数。

$(function(){


//$('#btn').on('click',function(e){


 $('#username').on('keyup',function(e){
        var $this = $(this);
        if(e.which === 13){
            var name = $this.val();
            socket.emit('new user', name, function(response){
                if(response){
                    localStorage.setItem('username',name);
                    $this.val('');
                    $('#userinfo').hide();
                    $('#chat-body').fadeIn();

alert(name);    

                    loadMessages(); //retrieve messages from Database
                } else{
                    $('.validation').text('Username taken!').fadeIn();
                }
            });
        }
    });


});

对于Html我有这个

<input type="text" id="username" placeholder="type your name and press enter">

下面的

是我尝试添加的点击按钮

<button type="button" id="btn">send</button>

由于

Answer 1

确保删除e.which === 13条件，这违反了在回调中执行的下一条指令。

Answer 2

$("#username").keyup(function() {
        var $this = $(this);
         {
            var name = $this.val();
            alert("ciao");

         }
}

demo

但是，我不会为用户输入的每个数字发出一个事件，以便不拥塞代理服务器。我会等待＆＃34;在发射事件之前的一秒钟。

如何更改键盘功能以点击javascript中的功能

2 个答案: