DIV 标签上的 .keypress?
有没有办法让 .keypress 在这样的 div 元素上工作?:
<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>
Is there a way to get work .keypress on a div element like this?:
<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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
是的:您需要向
添加
tabindex
属性以允许其接收焦点。此外,在按键事件中输入的文本的字符代码所需的属性是
which
,而不是keyCode
。最后,
元素内的 HTML 注释标记在所有现代浏览器中都是不必要的。
Yes: you need to add a
tabindex
attribute to the<div>
to allow it to receive the focus.Also, the property you want for the character code of the text entered in a keypress event is
which
, notkeyCode
.Finally, the HTML comment tags inside the
<script>
element are unnecessary in all modern browsers.