使用Javascript在文本区域中仅允许退格

骆驼香烟盒

我有一个文本区域,您只能使用屏幕上的按钮输入字符,因此禁用了通过键盘编辑文本区域的操作。但是我想允许用户使用退格键删除他输入的内容。有没有办法用Javascript做到这一点?

戴夫

有选择地启用密钥非常容易。只需添加一个密钥侦听器,preventDefault当它是您不想要的密钥时:

myInputElement.addEventListener( 'keydown', function( e ) {
//  console.log( e.keyCode ); // for finding key codes by trying them
    if( e.keyCode >= 37 && e.keyCode <= 40 ) {
        return; // arrow keys
    }
    if( e.keyCode === 8 || e.keyCode === 46 ) {
        return; // backspace (8) / delete (46)
    }
    e.preventDefault( );
}, false );

(示例小提琴:http : //jsfiddle.net/tnayV/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Javascript在文本区域中添加换行符

来自分类Dev

输入框或文本区域中仅允许数字和字母

来自分类Dev

在输入框或文本区域中仅允许数字和字母

来自分类Dev

Javascript-从文本区域中仅选择前5个非空行

来自分类Dev

Javascript-从文本区域中仅选择前5个非空行

来自分类Dev

使用CTRL + A选择文本区域中的所有文本

来自分类Dev

使用CSS和JS固定文本区域中的文本

来自分类Dev

使用CSS和JS固定文本区域中的文本

来自分类Dev

如何使用Javascript在多个HTML文本区域中更改字体大小

来自分类Dev

如何使用JavaScript在文本区域中获取HTML编辑器的输入

来自分类Dev

验证使用Javascript / jquery在文本区域中输入的多封电子邮件

来自分类Dev

验证使用Javascript / jquery在文本区域中输入的多封电子邮件

来自分类Dev

使用React在文本区域中更改光标位置

来自分类Dev

在文本区域中左对齐文本

来自分类Dev

实时渲染文本区域中的文本

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

AngularJS-文本区域中的多行

来自分类Dev

计算文本区域中的字符数

来自分类Dev

在文本区域中选择行

来自分类Dev

文本区域中的空间消失了吗?

来自分类Dev

文本区域中的列选择

来自分类Dev

计算文本区域中的特定字符

来自分类Dev

在文本区域中显示选定的选项

来自分类Dev

反向显示文本区域中的行

来自分类Dev

单个文本区域中的按钮值

来自分类Dev

文本区域中按钮的值

来自分类Dev

文本区域中的输入类型

来自分类Dev

AngularJS-文本区域中的多行

来自分类Dev

在文本区域中设置为只读