jquery-在键盘上按下后续按钮时,将文本输入到textbox / textarea中

时间:2014-09-12 10:28:28

标签: javascript jquery html5 angularjs

提前致谢!

我想使用jQuery在输入框/文本区域执行事件。

情景:

注意:页面上不显示输入框/文本区域。 [页面上只有1个输入框/ textarea]。

当按下任何字母/数字键时,输入框在页面上变为可见。 并且相应的keyValue(例如,如果" a"键被按下keyValue =" a")被输入到输入框/文本区域

1 个答案:

答案 0 :(得分:1)

您可以使用如下方法,首先隐藏文本区域,使用visibility:hidden,因为event不能在display:none元素上工作,然后在textarea上应用keypress事件处理程序并比较每个输入上的每个键代码65代表'a',当'a'被输入时,使用visibility:visible可以看到textarea。

// focus the text area so the user would input inside it
$('textarea').focus();
$('textarea').on('keypress', function(e) {
   if(e.keycode === 65) {
      $(this).css('visibility', 'visible');
   } else {
     // delete any unwanted text
     $(this).val('');
   }
});

的CSS:

/* hide the textarea through visibility hidden */
textarea { visibility: hidden; }

编辑:您可以找到keyCodes here

的完整列表