页面滚动条&按键执行事件
判断页面滚动条
$(window).bind('scroll', function () {
//算出鼠标移动到顶部的高度。
var scrollt = document.documentElement.scrollTop + document.body.scrollTop;
if (scrollt > ) {
$(".return").fadeIn();
//进行操作。
} else {
$(".return").fadeOut();
}
})
判断按键
document.onkeydown = function (event) {
var e=event||window.event||arguments.callee.caller.arguments[];
if (e && e.keyCode == ) {
}
}
1 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
2 keyCode 8 = BackSpace BackSpace
3 keyCode 9 = Tab Tab
4 keyCode 12 = Clear
5 keyCode 13 = Enter
6 keyCode 16 = Shift_L
7 keyCode 17 = Control_L
8 keyCode 18 = Alt_L
9 keyCode 19 = Pause
10 keyCode 20 = Caps_Lock
11 keyCode 27 = Escape Escape
12 keyCode 32 = space
13 keyCode 33 = Prior
14 keyCode 34 = Next
15 keyCode 35 = End
16 keyCode 36 = Home
17 keyCode 37 = Left
18 keyCode 38 = Up
19 keyCode 39 = Right
20 keyCode 40 = Down
21 keyCode 41 = Select
22 keyCode 42 = Print
23 keyCode 43 = Execute
24 keyCode 45 = Insert
25 keyCode 46 = Delete
26 keyCode 47 = Help
27 keyCode 48 = 0 equal braceright
28 keyCode 49 = 1 exclam onesuperior
29 keyCode 50 = 2 quotedbl twosuperior
30 keyCode 51 = 3 section threesuperior
31 keyCode 52 = 4 dollar
32 keyCode 53 = 5 percent
33 keyCode 54 = 6 ampersand
34 keyCode 55 = 7 slash braceleft
35 keyCode 56 = 8 parenleft bracketleft
36 keyCode 57 = 9 parenright bracketright
37 keyCode 65 = a A
38 keyCode 66 = b B
39 keyCode 67 = c C
40 keyCode 68 = d D
41 keyCode 69 = e E EuroSign
42 keyCode 70 = f F
43 keyCode 71 = g G
44 keyCode 72 = h H
45 keyCode 73 = i I
46 keyCode 74 = j J
47 keyCode 75 = k K
48 keyCode 76 = l L
49 keyCode 77 = m M mu
50 keyCode 78 = n N
51 keyCode 79 = o O
52 keyCode 80 = p P
53 keyCode 81 = q Q at
54 keyCode 82 = r R
55 keyCode 83 = s S
56 keyCode 84 = t T
57 keyCode 85 = u U
58 keyCode 86 = v V
59 keyCode 87 = w W
60 keyCode 88 = x X
61 keyCode 89 = y Y
62 keyCode 90 = z Z
63 keyCode 96 = KP_0 KP_0
64 keyCode 97 = KP_1 KP_1
65 keyCode 98 = KP_2 KP_2
66 keyCode 99 = KP_3 KP_3
67 keyCode 100 = KP_4 KP_4
68 keyCode 101 = KP_5 KP_5
69 keyCode 102 = KP_6 KP_6
70 keyCode 103 = KP_7 KP_7
71 keyCode 104 = KP_8 KP_8
72 keyCode 105 = KP_9 KP_9
73 keyCode 106 = KP_Multiply KP_Multiply
74 keyCode 107 = KP_Add KP_Add
75 keyCode 108 = KP_Separator KP_Separator
76 keyCode 109 = KP_Subtract KP_Subtract
77 keyCode 110 = KP_Decimal KP_Decimal
78 keyCode 111 = KP_Divide KP_Divide
79 keyCode 112 = F1
80 keyCode 113 = F2
81 keyCode 114 = F3
82 keyCode 115 = F4
83 keyCode 116 = F5
84 keyCode 117 = F6
85 keyCode 118 = F7
86 keyCode 119 = F8
87 keyCode 120 = F9
88 keyCode 121 = F10
89 keyCode 122 = F11
90 keyCode 123 = F12
91 keyCode 124 = F13
92 keyCode 125 = F14
93 keyCode 126 = F15
94 keyCode 127 = F16
95 keyCode 128 = F17
96 keyCode 129 = F18
97 keyCode 130 = F19
98 keyCode 131 = F20
99 keyCode 132 = F21
100 keyCode 133 = F22
101 keyCode 134 = F23
102 keyCode 135 = F24
103 keyCode 136 = Num_Lock
104 keyCode 137 = Scroll_Lock
105 keyCode 187 = acute grave
106 keyCode 188 = comma semicolon
107 keyCode 189 = minus underscore
108 keyCode 190 = period colon
109 keyCode 192 = numbersign apostrophe
110 keyCode 210 = plusminus hyphen macron
111 keyCode 211 =
112 keyCode 212 = copyright registered
113 keyCode 213 = guillemotleft guillemotright
114 keyCode 214 = masculine ordfeminine
115 keyCode 215 = ae AE
116 keyCode 216 = cent yen
117 keyCode 217 = questiondown exclamdown
118 keyCode 218 = onequarter onehalf threequarters
119 keyCode 220 = less greater bar
120 keyCode 221 = plus asterisk asciitilde
121 keyCode 227 = multiply division
122 keyCode 228 = acircumflex Acircumflex
123 keyCode 229 = ecircumflex Ecircumflex
124 keyCode 230 = icircumflex Icircumflex
125 keyCode 231 = ocircumflex Ocircumflex
126 keyCode 232 = ucircumflex Ucircumflex
127 keyCode 233 = ntilde Ntilde
128 keyCode 234 = yacute Yacute
129 keyCode 235 = oslash Ooblique
130 keyCode 236 = aring Aring
131 keyCode 237 = ccedilla Ccedilla
132 keyCode 238 = thorn THORN
133 keyCode 239 = eth ETH
134 keyCode 240 = diaeresis cedilla currency
135 keyCode 241 = agrave Agrave atilde Atilde
136 keyCode 242 = egrave Egrave
137 keyCode 243 = igrave Igrave
138 keyCode 244 = ograve Ograve otilde Otilde
139 keyCode 245 = ugrave Ugrave
140 keyCode 246 = adiaeresis Adiaeresis
141 keyCode 247 = ediaeresis Ediaeresis
142 keyCode 248 = idiaeresis Idiaeresis
143 keyCode 249 = odiaeresis Odiaeresis
144 keyCode 250 = udiaeresis Udiaeresis
145 keyCode 251 = ssharp question backslash
146 keyCode 252 = asciicircum degree
147 keyCode 253 = 3 sterling
148 keyCode 254 = Mode_switch
149 使用event对象的keyCode属性判断输入的键值
150 eg:if(event.keyCode==13)alert(“enter!”);
151 键值对应表
152 A 0X65 U 0X85
153 B 0X66 V 0X86
154 C 0X67 W 0X87
155 D 0X68 X 0X88
156 E 0X69 Y 0X89
157 F 0X70 Z 0X90
158 G 0X71 0 0X48
159 H 0X72 1 0X49
160 I 0X73 2 0X50
161 J 0X74 3 0X51
162 K 0X75 4 0X52
163 L 0X76 5 0X53
164 M 0X77 6 0X54
165 N 0X78 7 0X55
166 O 0X79 8 0X56
167 P 0X80 9 0X57
168 Q 0X81 ESC 0X1B
169 R 0X82 CTRL 0X11
170 S 0X83 SHIFT 0X10
171 T 0X84 ENTER 0XD
172 如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键
页面滚动条&按键执行事件的更多相关文章
- jquery如何判断滚动条滚到页面底部并执行事件
首先理解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那 ...
- JS实现判断滚动条滚到页面底部并执行事件的方法
需要了解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那 ...
- jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JS鼠标滑轮事件的写法和按键的事件
在body注册一下滑轮事件 <body onload="win_onload();"></body> 然后JS代码如下: function win_onlo ...
- jquery判断页面滚动条(scroll)是上滚还是下滚
单纯判断滚动条方向 function scroll( fn ) { var beforeScrollTop = document.body.scrollTop, fn = fn || function ...
- 老李推荐:第5章7节《MonkeyRunner源码剖析》Monkey原理分析-启动运行: 循环获取并执行事件 - runMonkeyCycles
老李推荐:第5章7节<MonkeyRunner源码剖析>Monkey原理分析-启动运行: 循环获取并执行事件 - runMonkeyCycles poptest是国内唯一一家培养测试开 ...
- jq常用事件(on,blur,focus,change),js/jq等待图片(页面)加载完毕事件,js读取文件
jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on ...
- JS弹出层遮罩,隐藏背景页面滚动条细节优化
做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条,让其不能滚动,这样用户体验会好很多,当弹层内容超出屏幕展现范围的时候在弹层上面增加滚动条来查看全部内容. 一.去除滚动条方法给body添加ove ...
- angularcli 第四篇(执行事件)
目录: 1.按下按钮执行事件 2.按下键盘回车“Enter”执行事件 1.按下按钮执行事件:<button (click) = 'setName()'>......</button ...
随机推荐
- KVM性能优化学习笔记
本学习笔记系列都是采用CentOS6.x操作系统,KVM虚拟机的管理也是采用virsh方式,网上的很多的文章都基于ubuntu高版本内核下,KVM的一些新的特性支持更好,本文只是记录了CentOS6. ...
- BZOJ 4719--天天爱跑步(LCA&差分)
4719: [Noip2016]天天爱跑步 Time Limit: 40 Sec Memory Limit: 512 MBSubmit: 1464 Solved: 490[Submit][Stat ...
- django入门-自定义管理界面-part7
尊重作者的劳动,转载请注明作者及原文地址 http://www.cnblogs.com/txwsqk/p/6522854.html 完全翻译自官方文档 https://docs.djangoproje ...
- C#-WebForm-JS知识:基础部分、BOM部分、DOM部分、JS事件
一.基础部分: 1.JavaScript 是什么? 是一门脚本语言,是属于弱类型(语言语法很随意),C#是强类型(语言语法非常严格)(李献策lxc) 优点:JS 执行速度快 2.JS 与java有什么 ...
- 电信10兆指的是多少Mbps
一般电信10兆(10Mbps)指的是:下载速度最大在1.25MB/s 1Mbps(兆位/秒) = 0.125MB/S(兆字节/秒) 8Mbps(兆位/秒) = 1MB/ ...
- Tensorflow入门----占位符、常量和Session
安装好TensorFlow之后,开一个python环境,就可以开始运行和使用TensorFlow了. 先给一个实例, #先导入TensorFlow import tensorflow as tf he ...
- 编程开发之--java多线程学习总结(1)问题引入与概念叙述
1.经典问题,火车站售票,公共票源箱,多个窗口同时取箱中车票销售 package com.lfy.ThreadsSynchronize; /** * 解决办法分析:即我们不能同时让超过两个以上的线程进 ...
- [原创] PHP 使用Redis实现锁
目录 锁实现的注意点 加锁 connect 与 pconnect 解锁 Redis 中使用 Lua 脚本的注意点 Redis集群分布式锁 RedLock 算法 锁实现的注意点 互斥: 任意时刻, 只能 ...
- jmeter之beanshell断言---数据处理
在做接口测试时,对响应数据的校验是非常重要的部分:在使用Jmeter进行接口测试时,有多种respone校验方式,比如响应断言.BeanShell断言等等,BeanShell断言可以自定义断言,自由灵 ...
- (JAVA作业)练习:创建一个类名为Fruit;包含实例变量:水果名称,颜色,价格,上市月份,有无种子 10个实例:苹果,香蕉,芭乐,柚子,李子,杨桃,猕猴桃,哈密瓜,葡萄,榴莲; 实现功能:提示用户输入水果品种编号,输出该水果的全部信息。
class Lei { String name; String color; int price; int date; int num; String zz; void assemble(){ Sys ...