javaScript事件类型四（键盘与文本事件）

女爷i 2022-09-23 08:59 148阅读 0赞

文本和键盘事件也是我们平常用的比较少的，在用户输入键盘的时候会触发键盘事件，回车的时候有可能会触发键盘和submit的文本事件；

# 键盘事件 #

## 键盘事件类型 ##

keydown:在用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件。

keypress:当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件。按下Esc键也会触发这个事件

keyup:当用户释放键盘上的键时会触发。

文本事件:文本事件只有一个textInput。这个事件是对keypress的补充，用意是在将文本显示给用户之前更容易拦截文本。在文本插入文本框之前会触发textInput事件。

在用户按了一下键盘上的字符键时，首先会触发keydown事件，然后紧跟着是keypress事件，接着输入完成之后会触发textInput文本事件，当我们松开的时候会触发keyup事件;

## 键码 ##

在发生keydown和keyup事件时，event对象的keyCode会包含一个代码，与键盘上一个特定的键对应，有的是数字，有的是对应的ASCII码值;

var div=document.getElementById("myDiv");
    	 EventUtil.addHandler(div,"keydown",function(event){
    		event=EventUtil.getEvent(event);
    		alert("按下键盘"+event.keyCode);
    	 });

## 字符编码： ##

我们可以用charCode获取按下键盘的字符类型；

String.fromCharCode:可以方法可以返回我们键盘事件所发生的值

var div=document.getElementById("myDiv");
    	 EventUtil.addHandler(div,"keydown",function(event){
    		event=EventUtil.getEvent(event);
    		alert("按下键盘"+String.fromCharCode(event.keyCode));
    	 });

## inputMethod ##

在文本事件中有一个属性叫做inputMethod,表示把文本输入到文本框中的方式；

0:表示浏览器不确定是怎么输入的

1：表示使用键盘输入的

2：表示文本是粘贴进来的

3：表示文本是拖放进来的

4：表示文本是使用IME输入的

5：表示文本是通过在表单中选择一项输入的

6：表示文本是通过手写输入的

7：表示文本是通过语音输入的

8：表示文本是通过几种方法组合输入的

9：表示文本是通过脚本输入的