Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' 
        src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.js'></script>
 <script>
   
  $(function() {
    
  var $log = $("#dvLog");
    
  $("#txtTest").bind("keypress", function (e) {
    
      $log.append("<h4>KeyPress</h4>" + "e.which: " + e.which + ", keyCode: " + e.key + ", charCode: " + e.charCode );
    
    }).bind("keydown", function (e) {
    
      $log.append("<h4>keyDown</h4>" + "e.which: " + e.which + ", keyCode: " + e.key + ", charCode: " + e.charCode );
    
    }).bind("keyup", function (e) {
    
      $log.append("<h4>KeyUp</h4>" + "e.which: " + e.which + ", keyCode: " + e.key + ", charCode: " + e.charCode );
    
    }).bind("input", function (e) {
    
      $log.append("<h4>input</h4>" + "e.which: " + e.which + ", keyCode: " + e.key + ", charCode: " + e.charCode );
    
    })
    
    $("#btnClear").click(function() { 
      $log.empty(); 
    });
    
  });
  </script>
</head>
<body>
​
<input type="text" id="txtTest" />
<input type="button" id="btnClear" value="clear" />
<div id="dvLog" style="border: 1px solid red; font-size: 9pt;"></div>
</body>
</html>
 
​
/* 
輸入欄位啟用中文輸入法時，將不會觸發 KeyPress 事件，
而 KeyDown 事件中的 KeyCode 則固定傳回 229。
IE9, Firefox 4, Chrome 支援按鍵 Input 事件，
在 IE9 / Firefox4 上可輔助判別中文輸入的細節，
但 IE7 不支援，Chrome 的行為不同。
​
​
"input" 事件在输入框「值发生改变时」触发, 
比如文本 ("text") 输入框输入或删除文字, 
选择 ("select") 输入框值改变等, 
但要注意 "input" 事件不能监听复选框 ("checkbox") 选项变化, 
要监听复选框选项变化, 要借助 "change" 事件.
​
"change" 事件, 如上所述, 能够监听复选框选项变化. 
此外, "change" 事件亦可监听其他类型输入框输入, 
但与 "input" 事件不同, "change" 事件不监听实时输入 (针对文本输入框) , 
只有在输入框「失去焦点时才触发」, 
这种行为使 "change" 事件可以实现与 "input" 事件不同的响应需求.
*/
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
oooooopro
0viewers