jquery控制键盘上下左右显示文本内容到输入框
时间: 2023-11-29 08:04:15 浏览: 70
js实现键盘上下左右键选择文字并显示在文本框的方法
首先,需要给页面上的文本元素添加一个类名,以方便使用jQuery选择器进行操作。假设文本元素的类名为"text-box",输入框的id为"input-box",则可以使用以下代码:
```
$(document).keydown(function(e) {
var text = "";
switch(e.which) {
case 37: // left arrow key
text = $(".text-box").text();
break;
case 38: // up arrow key
text = $(".text-box").attr("alt");
break;
case 39: // right arrow key
text = $(".text-box").html();
break;
case 40: // down arrow key
text = $(".text-box").val();
break;
}
$("#input-box").val(text);
});
```
此代码为页面添加了一个keydown事件监听器,当用户按下键盘上的箭头键时,根据按键的方向选择相应的文本元素内容,并将其赋值给输入框的value属性,从而实现了控制键盘上下左右显示文本内容到输入框的功能。
阅读全文