js实现方向键切换输入框的方法

JavaScript019

js实现方向键切换输入框的方法,第1张

http://www.jb51.net/article/71263.htm

1.document.activeElement:获取当前焦点所在的元素,用户敲击键盘时,这个元素可以获取键盘的事件。只读属性。在mac上只有input[type=text]和textarea可以被分配焦点。这个属性可以是input (text/button/radio/checkbox)或者textarea。可以用本例中的方法切换焦点或者使用tab,然后用空格键激活(按按钮或者选择一个单选框)--- https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement

2.contains:返回布尔值,确定当前元素是否是指定元素的后代元素,相同元素也是true。

一、设计思路:设计一个简单的输入对话框,然后按下enter进行输入事件。

二、聊天输入框的代码如下:

三、此时的页面展示如下:

四:设计函数,使得输入文字时,按下按钮可以提交到聊天框。

五、此时在页面上测试,输入一段文字:

六、执行结果如下:

七、设计函数,使得按下enter跟按钮同样的功能:

八、刷新页面,测试: