如何更改按鍵功能以單擊javascript中的功能

Question

我有一種使用鍵控功能進行提交的表單。請如何更改密鑰功能以點擊。

我試過$('#btn').on('click',function(e){ 但無法使其正常工作。

下面是javascript的關鍵函數。

$(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

不過，我不會發出對用戶enetered每個數字的情況下，爲了不堵塞中間件服務器。在開始活動之前，我會「等」一會兒。