js监听键盘方向键事件

最新推荐文章于 2023-04-19 15:19:27 发布
最新推荐文章于 2023-04-19 15:19:27 发布
阅读量842 收藏
点赞数
文章标签： JavaScript ViewUI

一般在分页的时候需要使用方向键翻页，js可以增加监听事件来完成。

<SCRIPT language=javascript> document.onkeydown = chang_page; function chang_page() { if (event.keyCode == 37 || event.keyCode == 33) location = 'http://www.maitianquan.com'; if (event.keyCode == 39 || event.keyCode == 34) location = 'http://www.lanrentuku.com' } </SCRIPT>

beckham0207
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js监听键盘事件的方法_原生和jquery的区别详解
10-21
以下是一个原生JavaScript监听键盘事件的例子： ```javascript document.onkeydown = function(e) { var keyNum = window.event ? e.keyCode : e.which; if (keyNum == 13) { alert('您按下了回车'); } else ...
js键盘事件实现人物的行走
11-21
1. `keyHandler`函数：这是事件监听器，分别监听键盘的按下（keydown）和释放（keyup）事件。当事件发生时，它更新`bool`变量的值，以指示当前键是否被按下。同时，`key`变量记录按下的键码，用于区分不同的键盘操作...
JS 监听键盘左右箭头按键 并解决会重复触发问题
最新发布
朝花夕拾的博客
04-19 717
【代码】JS 监听键盘左右箭头按键。
js 获取当前焦点所在的元素、给元素和input控件添加键盘监听事件、添加页面级的键盘监听事件
weixin_42776027的博客
08-11 1081
转载地址：https://www.cnblogs.com/zcwry/p/js_jiaodian_jianpanbangding.html 页面级的键盘监听事件 document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { // enter 键 //要做的事情 alert("
事件类型—键盘事件
雷雨天的雷胖子
05-14 2265
目录 一、事件分类 二、事件对象 三、事件应用 一、事件分类 键盘事件有三个，按触发顺序，其一keydown，其二keypress，其三keyup。 <script> //按下字符键时，依次打印：keydown keypress keyup document.onkeydown = function(e){ console.log("...
用js实现键盘方向键翻页功能的代码
10-30
### 使用JavaScript实现键盘方向键翻页功能 #### 一、背景与目的 在现代Web应用中，用户体验至关重要。为了提供更加便捷的操作方式，利用键盘的方向键进行页面切换是一种提升用户体验的有效手段。例如，在一个博客...
浅谈js键盘事件全面控制
11-29
不过，`keypress`仅对可打印字符有效，对于功能键，如F1-F12、退格键、回车键、Esc键、PageUp、PageDown和方向键等，只触发`keydown`和`keyup`事件。但在Firefox中，这些功能键也能触发`keypress`事件。 ### 第二...
Angularjs的键盘事件的绑定
12-10
AngularJS提供了`ng-keypress`指令来监听键盘事件。在描述中给出的例子中，`<button>`元素使用了`ng-keypress`指令来绑定键盘事件。代码如下： ```html ()" ng-keypress="todoSomething($event)" class="btn btn-...
JS监听键盘事件
Afeyer的博客
11-10 2763
JS监听键盘事件 <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.cal
java上下左右建监听,js键盘上下左右键怎么触发function(实例讲解)
weixin_30369779的博客
03-10 602
function jumpPage() {if (event.keyCode==37)//左fun_a();if (event.keyCode==38)//上fun_b();if (event.keyCode==39)//右fun_c();if (event.keyCode==40)//下fun_d();}function fun_a(){window.alert('你按下了左')}functio...
JS-键盘事件之方向键移动元素
xing.org1^
05-02 113
注意三点：1：事件名称onkeydown。2：事件加给document，而非window。3： 把元素的top，left值分别用offsetTop，offsetLeft来设定。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title...
js 监听监键盘动作
热门推荐
风过无声
01-19 6万+
转载自：http://geelong.javaeye.com/blog/810054
js 监听键盘按键
qq_36521848的博客
07-07 920
效果：上上下下左左右右，前前后后 document.addEventListener('keydown', function(e) { console.log("----->当前按键keyCode:" + e.keyCode); switch (e.keyCode) { case 37: console.log("左"); break; case 38: console.log("上"); break; case 39: console.log("
原生JS控制上下左右键的键盘事件
welcome to
06-04 9637
document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e &amp;&amp; e.keyCode==40){ //下 } if(e &amp;&amp; e.keyCode==37){ //左 ...
js获取键盘方向键（上下左右），执行相应的方法
徊忆羽菲
09-26 2254
js获取键盘方向键（上下左右），执行相应的方法
keyCode对照表及JS监听组合按键
笨小孩
03-28 2万+
keyCode对照表 字母和数字键的键码值(keyCode) 按键 数字键盘上的键的键码值 功能键的键码值 控制键的键码值 多媒体的键码值 onkeyup的缺陷处理 JS监听组合按键 拓展 shortcuts
js监听键盘事件的方法—原生和jquery的区别
kevin_cyj的博客
08-10 1万+
经常需要监听键盘的事件，以便做更好的操作，基本原理是：监听全局键盘，每一个键盘，当用户按下某一按键时，返回对应的键值，然后再判断用户按下了哪一科按键，键值对应按键的名称在最下面列出，自行比对。去以下介绍两种不同的方式 原生键盘监听事件：按下一次按键，分为三个过程，按下—按住—松开 onkeydown：某个键被按下 onkeypress：某个键盘的键被按下或按住 onkeyup：某个键盘的键
如何监听移动端键盘弹出事件
03-30
在移动端，键盘弹出事件通常会影响页面布局和用户交互。因此，监听键盘弹出事件是很有必要的。下面是一些实现方法： 1. 使用focus和blur事件 在移动端，当用户点击一个可编辑的元素时，浏览器会自动弹出键盘。因此，我们可以通过监听元素的focus和blur事件来确定键盘是否弹出。 示例代码： ```javascript var inputElement = document.getElementById('input'); inputElement.addEventListener('focus', function() { // 键盘弹出事件 }); inputElement.addEventListener('blur', function() { // 键盘收起事件 }); ``` 2. 使用resize事件 当键盘弹出时，窗口的大小会发生改变。因此，我们可以通过监听窗口的resize事件来确定键盘是否弹出。 示例代码： ```javascript window.addEventListener('resize', function() { var windowHeight = window.innerHeight; var documentHeight = document.documentElement.clientHeight; var keyboardHeight = windowHeight - documentHeight; if (keyboardHeight > 0) { // 键盘弹出事件 } else { // 键盘收起事件 } }); ``` 3. 使用CSS样式 在移动端，键盘弹出时通常会改变页面的布局。因此，我们可以通过CSS样式来检测键盘是否弹出。 示例代码： ```css @media screen and (orientation: portrait) { /* 竖屏布局 */ .keyboard-show { height: calc(100vh - 216px); } } @media screen and (orientation: landscape) { /* 横屏布局 */ .keyboard-show { height: calc(100vh - 162px); } } ``` 在上面的示例中，我们使用@media查询来检测屏幕方向，并根据键盘的高度来调整页面布局。当键盘弹出时，我们可以通过JavaScript来添加.keyboard-show类，从而触发页面布局的改变。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值