.Dyp标签上的.keypress?

时间:2010-09-21 10:20:17

标签: javascript jquery jquery-ui javascript-events jquery-selectors

有没有办法在像这样的div元素上工作.keypress?:

<html>
<body>

<script type="text/javascript">
<!--

$('#idtext').keypress(function(event) {
  var keyCode = event.keyCode;
  $('#idtext').text(function(i, text) {

   return text + String.fromCharCode(keyCode); 

  });

});

// -->
</script>

<div id="idtext"></div>

</body>
</html>

1 个答案:

答案 0 :(得分:27)

是:您需要向tabindex添加<div>属性才能使其获得焦点。

<div id="idtext" tabindex="1"></div>

此外,您在按键事件中输入的文字的字符代码所需的属性为which,而不是keyCode

最后,<script>元素中的HTML注释标记在所有现代浏览器中都是不必要的。