键盘事件和BOM

最新推荐文章于 2023-02-26 11:34:35 发布
最新推荐文章于 2023-02-26 11:34:35 发布
阅读量576 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： CSS3 HTML5 JS 文章标签： html5 css3 javascript 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Lucky1019/article/details/121497406
这篇博客详细介绍了JavaScript中的键盘事件，包括keydown、keyup和keypress，强调了它们的区别和使用场景。同时，深入讲解了BOM（浏览器对象模型），包括window对象的常见事件，如页面加载和窗口大小调整，以及location、navigator和history对象的特性。此外，还探讨了JavaScript的执行机制，如单线程、同步任务和异步任务，以及事件循环的概念。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

常用键盘事件

键盘事件 触发条件
onkeyup 某个按键松开时触发
onkeydown 某个按键按下时触发
onkeypress 某个按键按下时触发 不能识别功能键比如 ctrl shift

如果使用 addEventListener不需要加on

onkeypress和前两个的区别是，不识别功能键

三个事件的执行顺序时：keydown – keypress-- keyup

键盘事件对象

键盘事件对象属性 说明
keyCode 返回该键的ASCII值

注意：

  1. onkeydown 和 onkeyup 不区分字母大小写，onkeypress区分大小写
  2. 在我们实际开发中，我们更多使用keydown和keyup
  3. keypress 不识别功能键，但是keyCode属性能区分大小写，返回不同的ASCII值

BOM

BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互 的对象，其核心对象是 window。

BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。

BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分。

op4zyd.png

BOM的构成

BOM比DOM大，包含DOM

op5kY8.png

顶级对象window

window对象是浏览

最低0.47元/天 解锁文章

200万优质内容无限畅学
js的重点5:键盘事件对象、 BOM的构成、window对象的常见事件、定时器（两种）、this指向问题、location对象、navigator对象、 history对象
小黄呀呀呀的博客
09-27 187
一、键盘事件 onkeyup 弹起时触发 onkeydown 按下时触发，识别功能键 onkeypress 按下时触发，不识别功能键 二、BOM window是顶级对象 window下面有document、location、navigation、screen、history 三、window对象的常见事件 (1)窗口加载事件 onload
JavaScript中的onkeypress与onkeydown事件的区别
最新发布
laugh666的博客
10-09 453
在JavaScript中，onkeypress和onkeydown是两个常用的事件，用于捕获用户在键盘上按下键的操作。尽管它们看起来很相似，但它们之间存在一些重要的区别。本文将详细说明这两个事件的区别，并提供相应的源代码示例。在上面的代码中，我们创建了一个文本输入框，并为其绑定了onkeypress和onkeydown事件处理函数。当用户在输入框中按下键时，分别会触发对应的事件处理函数，并在控制台输出字符码或键码。通过运行上述代码并在文本输入框中按下不同的键，您将看到在控制台上输出相应的字符码或键码。
JS Web APIs-day04 键盘事件、BOM、定时器、JS执行机制
weixin_45734686的博客
10-25 323
JS Web APIs-day04 引文 BOM Browser Object Model 浏览器对象模型。用来操作浏览器。 window对象：浏览器中最大的一个对象（顶级对象） 所有的全局变量和函数都是window对象的属性和方法。 window对象可以省略。 回调函数 回调函数：我们编写的，但是我们不进行调用，当满足某个条件时，由系统调用的函数就成为回调函数。 btn.oncli...
键盘事件&BOM
ZJie0的博客
02-04 769
键盘事件 常用的三个 onkeyup：当某个按键被松开的时候后触发 onkeydown：当某个按键被按下的时候触发 onkeypress：当某个按键被按下的时候触发，不识别功能按钮(方向键、shift) 注意： 如果使用addEventListener不需要加on onkeypress和前面的两个事件区别在于它不识别功能键 三个时间的触发顺序是：keydown–keypress–keyup <script> // 常用的键盘事件 //1.
BOM、鼠标事件、键盘事件
weixin_44680509的博客
05-23 342
BOM 浏览器嗅探：navigator.userAgent() 封装函数是否是移动端 function isPhone(){ var is=false; var arr=['iOS','iPhone','iPad','Andriod']; for(var i=0;i<arr.length;i++){ if(navigator.userAgent().indexOf(arr[i])!=-1){ is=true;//移动端 } else{ is=false; } } return is; } 鼠标
BOM操作
qq_45142260的博客
12-10 520
BOM browser object model，简称BOM， 是浏览器对象模型 1.bom提供了与浏览器窗口交互的对象 2.由于bom主要用于管理窗口与窗口之间的通信，因此他的主要研究对象是window 3.ECMAScript没有规范bom的标准，因此所有的特性都是浏览器自己的特性，bom对象的方法浏览器都支持，只是略有不同 bom的子对象 1.document 文档对象 2.localtio...
JavaScript中常见键盘事件以及BOM中window常用对象
m0_71345904的博客
06-29 375
一，键盘事件keypress键盘按下触发，但是不能识别crtl，shift方向键keydown键盘按下触发，所有按键都支持，区别于keypresskeyup键盘弹起触发代码展示： 利用键盘事件，编写回车键添加用户信息小案例注意核心思想是回车键，参照ASCLL码可以得知回车键的编码（keyCode）为十进制的数字13，所以我们采用if判断来锁定回车键。具体怎么操作 效果二，window常见对象window是bom中顶级对象，调用的时候可以省略，比如alert（弹窗） Onload：是窗口 (页面）
NXP LPC51U68 的有线机械键盘BOM-综合文档
05-14
NXP LPC51U68 的有线机械键盘BOM
NXP LPC51U68 的有线机械键盘BOM.xlsx-综合文档
05-24
NXP LPC51U68 的有线机械键盘BOM.xlsx
DOM
LIJIWEI0611的博客
09-11 312
1.1. 常用的键盘事件 1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) ​ //3. keypress 按键按下的时候触发 不能识别功能键 比如 ctrl sh...
js的脚本事件控制
09-08 772
在使用JavaScript做WEB键盘事件侦听捕获时，主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下：onkeydown -> onkeypress ->onkeyup。在一般情况下，采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中，会发现这几者有些不同的差别。        onkeypress事件不能对系统功能键(例如：后
浅析OnKeyPress事件和OnKeyDownOnKeyUp事件
10-19
浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件
网页: onkeypress事件与onkeydown事件的区别
酷伊奥
07-19 3594
一、了解区别 1、onkeypress事件：用户在按下并放开键盘上的按钮时所触发的事件，但是键盘上的功能区按钮是无法识别的（例如：F1-F12，箭头，Delete 等等）。 2、onkeydown事件：用户在按下键盘上的按钮时所触发的事件，包括键盘上的功能区按钮（例如：F1-F12，箭头，Delete 等等）。 二、具体的区别 1、onkeypress事件是用户在按下并放开键盘上的按钮时触发，而onkeydown事件是用户在按下但没有放开键盘上的按钮时触发。 2、onkeypress无法识别功能..
onKeypress 与onKeyDown 事件在键盘中所代表数值的差异
我是星星的博客
09-10 1089
onKeydown();键盘按下时触发 onKeyup();键盘抬起时触发 ononKeypress();键盘按下后抬起才会触发，我理解为上面两个事假的集合 今天在做个项目时，发现onKeydown()和ononKeypress()之间一点细微的差别 document.onkeydown=function(e){ e=e||window.event; console.l...
浅析OnKeyPress事件和OnKeyDown/OnKeyUp事件
yp120yp的专栏
03-03 1191
OnKeyPress事件<br />    OnKeyPress事件是在用户按下键盘上任何一个可打印的字符时发生，只有能接收键盘输入的组件才有OnKeyPress事件。我们常常利用OnKeyPress事件截取在编辑框和组合框组件中所输入的击键，还可以立即测试击键的有效性或在字符输入时对其进行一定的格式处理。<br />    例如，在TEdit组件上捕获OnKeyPress事件，判断输入的是否是小写字母，如果是，将其转换为大写字母，代码如下：<br />    void __fastcall TForm1:
onkeypress 和 onkeydown 的区别
u011574239的专栏
05-06 1290
 1. 一个放开一个没有放开，onkeydown 先于 onkeypress 发生。  2.onkeypress 无法系统按钮。  2.onkeydown 捕获的 keyCode 不区分字母大小，而 onkeypress 区分。  onkeypress是在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。  onkeyup 是在用户放开任何先前按下
onkeypress与onkeydown 事件区别详细说明
Aybuai的博客
07-30 902
onkeypress 和 onkeydown 是有区别，下面将讲解 onkeypress 与 onkeydown 事件的区别。 onkeypress 事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。 onkeydown 事件在用户按下任何键盘键（包括系统按钮）时发生。 具体区别： 1、 一个放开一个没有放开，onkeydown 先于 onkeypress 发生。 2、onkeypress 无法系统按钮。 3、onkeydown 捕获的 keyCode 不区分字.
onKeyPress与onKeyUp和onKeyDown
dituirenwu的博客
02-26 342
如何解决onKeyPress与onKeyUp和onKeyDown？在此处查看此答案中最初使用的存链接。 从该链接： 理论上，onKeyDown和onKeyUp事件表示按下或释放的键，而onKeyPress事件表示正在键入的字符。该理论的实现并非在所有浏览器中都相同。 解决方法这三个事件之间有什么区别？谷歌搜索后发现： 在onKeyDown当用户按下一个键触发事件。在onKeyUp当用户释放一个键触...
浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件
javaqun的博客
10-19 2524
OnKeyPress事件     OnKeyPress事件是在用户按下键盘上任何一个可打印的字符时发生，只有能接收键盘输入的组件才有OnKeyPress事件。我们常常利用OnKeyPress事件截取在编辑框和组合框组件中所输入的击键，还可以立即测试击键的有效性或在字符输入时对其进行一定的格式处理。     例如，在TEdit组件上捕获OnKeyPress事件，判断输入的是否是小
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

扶苏怎么会服输

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值