文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

JavaScript 编程精解 中文第三版 十五、处理事件

事件处理器 想象一下，有一个接口，若想知道键盘上是否有一个键是否被按下，唯一的方法是读取那个按键的当前状态。为了能够响应按键动作，你需要不断读取键盘状态，以在按键被释放之前捕捉到按下状态。...当没有特别的焦点时，document.body充当按键事件的目标节点。 当用户键入文本时，使用按键事件来确定正在键入的内容是有问题的。...即使鼠标在改变窗口尺寸时在栏外侧移动，只要按住按钮，我们仍然想要更新其大小。 释放鼠标按键时，我们必须停止调整栏的大小。...为此，我们可以使用buttons属性（注意复数形式），它告诉我们当前按下的按键。 当它为零时，没有按下按键。 当按键被按住时，其值是这些按键的代码总和 - 左键代码为 1，右键为 2，中键为 4。...焦点事件 当元素获得焦点时，浏览器会触发其上的focus事件。当失去焦点时，元素会获得blur事件。 与前文讨论的事件不同，这两个事件不会传播。子元素获得或失去焦点时，不会激活父元素的处理器。

6.8K20

javaScript事件处理

对此还有： resize事件：当调整浏览器的窗口到一个新的宽度或者高度时，就会触发resize事件。 scroll事件：文档或者浏览器窗口被滚动期间会触发scroll事件。...焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。 ---- 2.鼠标事件 例如当鼠标单击左键，会发生onclick事件： <!...---- 5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件） 方法 描述 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标单击某个对象...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或者按住...鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被单击 onresize 窗口或者框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被单击

3K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    JavaScript 事件基础补充

    JavaScript事件处理函数及其使用列表 事件处理函数 影响的元素 何时发生 onabort 图像 当图像加载被中断时 onblur 窗口、框架、所有表单对象 当焦点从对象上移开时 onchange...窗口 当用户将一个对象拖放到浏览器窗口时 onError 脚本 当脚本中发生语法错误时 onfocus 窗口、框架、所有表单对象 当单击鼠标或者将鼠标移动聚焦到窗口或框架时 onkeydown 文档、...图像、链接、表单 当按键被按下时 onkeypress 文档、图像、链接、表单 当按键被按下然后松开时 onkeyup 文档、图像、链接、表单 当按键被松开时 onload 主题、框架集、图像 文档或图像加载后...onunload 主体、框架集 文档或框架集卸载后 onmouseout 链接 当图标移除链接时 onmouseover 链接 当鼠标移到链接时 onmove 窗口 当浏览器窗口移动时 onreset...input.onchange = function () { alert('Lee'); }; focus：当页面或者元素获得焦点时在window及相关元素上面触发。

    4.2K50

    原生js获得八种方式,事件操作

    document.documentElement是专门获取html这个标签的 获取body的方法（document.body） document.body是专门获取body这个标签的 二.事件句柄 属性 当以下情况发生时...，出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误...onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown...某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被点击...onresize 窗口或框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被点击 onunload 用户退出页面 三.使用方法 1.获取单个元素 2.单个元素发送的事件 3.发生的内容相关替换

    3.9K10

    Java事件处理，低级事件类型：键盘事件+焦点事件，你真的懂吗？

    要想检测某一位是否被设置，可以测试返回值 是否对应于位掩码SHIFT_MASK、CTRL_MASK、ALT_MASK、ALT_GRAPH_MASK、 META_MASK或调用下列某一个方法。...如果对此持有不同的观点，可以看看同时检测鼠标按键和键盘修饰符所带来的混乱。...例如，可以使用下列代码检测鼠标右键是否被按下： if ((event.getModifiersEx( )&InputEvent.BUTTON3_DOWN__MASK)! = ) . . ....例如，当用户选择不同的活动窗口时就会发生这种情况。只要用户再次选择当前的窗口，同一个组件就会重新获得焦点。...在JDK 1.4中，当焦点转移的时候，可以找到“对等物”组件或窗口。对等物是指在组件或窗口失去焦点时获得焦点的组件或窗口。相反地，当组件或窗口获得焦点时，对等物是刚刚失去焦点的那个组件或窗口。

    5.2K30

    【愚公系列】《循序渐进Vue.js 3.x前端开发实践》018-Vue中的事件类型

    @blur 触发 blur 方法，当输入框失去焦点时触发。@change 触发 change 方法，当输入框内容改变时触发。@select 触发 select 方法，当选中输入框内的文本时触发。...keydown 方法：处理键盘按键按下事件，输出 "键盘按键按下"。keyup 方法：处理键盘按键抬起事件，输出 "键盘按键抬起"。并且，当按下的键是 Enter 时，输出 "回车键被点击"。...3.3 输入框事件（焦点、失焦、内容变化、文本选中）@focus="focus"：当输入框获得焦点时触发 focus 方法，输出 "获取焦点"。...@blur="blur"：当输入框失去焦点时触发 blur 方法，输出 "失去焦点"。@change="change"：当输入框的内容发生改变时触发 change 方法，输出 "内容改变"。...CSS 和样式：本例没有涉及样式，但为了提升用户体验，通常需要为这些交互事件提供视觉反馈（如按钮被点击时高亮，输入框获取焦点时显示不同的边框等）。

    44110

    HTML属性及事件

    spellcheck 检测元素是否拼写错误 style 规定元素的行内样式（inline style） tabindex 设置元素的 Tab 键控制次序。...在文档加载之前运行脚本 onblur 当窗口失去焦点时运行脚本 onerror 当错误发生时运行脚本 onfocus 当窗口获得焦点时运行脚本 onhaschange 当文档改变时运行脚本 onload...Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本 onundo 当文档执行撤销时运行脚本 onunload 当用户离开文档时运行脚本 表单事件 属性 描述 onblur 当元素失去焦点时运行脚本...onchange 当元素改变时运行脚本 oncontextmenu 当触发上下文菜单时运行脚本 onfocus 当元素获得焦点时运行脚本 onformchange 当表单改变时运行脚本 onforminput...当表单获得用户输入时运行脚本 oninput 当元素获得用户输入时运行脚本 oninvalid 当元素无效时运行脚本 onreset 当表单重置时运行脚本。

    3.6K20

    js恶补3

    FF: Firefox, N: Netscape, IE: Internet Explorer 属性 当以下情况发生时，出现此事件 FF N IE onabort 图像加载被中断 1 3 4 onblur...元素失去焦点 1 2 3 onchange 用户改变域的内容 1 2 3 onclick 鼠标点击某个对象 1 2 3 ondblclick 鼠标双击某个对象 1 4 4 onerror 当加载文档或图像时发生某个错误...1 3 4 onfocus 元素获得焦点 1 2 3 onkeydown 某个键盘的键被按下 1 4 3 onkeypress 某个键盘的键被按下或按住 1 4 3 onkeyup 某个键盘的键被松开...1 4 3 onload 某个页面或图像被完成加载 1 2 3 onmousedown 某个鼠标按键被按下 1 4 4 onmousemove 鼠标被移动 1 6 3 onmouseout 鼠标从某元素移开...1 4 4 onmouseover 鼠标被移到某元素之上 1 2 3 onmouseup 某个鼠标按键被松开 1 4 4 onreset 重置按钮被点击 1 3 4 onresize 窗口或框架被调整尺寸

    95620

    Python中tkinter模块的常用参数总结

    组件获得或失去焦点的时候去验证　　“focusin”　　　　　　　　当Entry组件获得焦点的时候去验证　　“focusout”　　　　　　　当Entry组件失去焦点的时候去验证　　“key”　　　　　　　　　　...；Destroy 　　　　 当组件被销毁时触发；Expose 　　　　　当组件从被遮挡状态中暴露出来时触发；Unmap 　　　　　　当组件由显示状态变为隐藏状态时触发...；Map 　　　　 当组件由隐藏状态变为显示状态时触发；FocusIn 　　　 　 当组件获得焦点时触发；FocusOut 　　　　　 当组件失去焦点时触发...；Property 　　　　 当窗体的属性被删除或改变时触发；Visibility 　　　　当组件变为可视状态时触发；响应事件event对象（def function(event...)）：char 　　　　　　 按键字符，仅对键盘事件有效；keycode 　　　　　　 　按键名，仅对键盘事件有效；keysym 　　　　　　　 按键编码，仅对键盘事件有效

    5.3K30

    Window对象

    窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。...onhashchange: 当窗口的锚点哈希值发生变化时触发。 鼠标相关 onclick: 当点击页面时触发。 onmouseup: 鼠标按键被松开时触发。...onauxclick: 指示在输入设备上按下非主按钮时触发，例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下时触发。 onkeyup: 某个键盘按键被松开后触发。...onkeypress: 某个键盘按键被按下并松开后触发。...设备相关 ondevicemotion: 设备状态发生改变时触发 ondeviceorientation: 设备相对方向发生改变时触发 ondeviceproximity: 当设备传感器检测到物体变得更接近或更远离设备时触发

    3.5K20

    Python 自动化指南（繁琐工作自动化）第二版：二十、使用 GUI 自动化控制键盘和鼠标

    这些按键的作用取决于哪个窗口是活动的，哪个文本字段具有焦点。您可能希望首先向所需的文本字段发送鼠标单击，以确保它获得焦点。...他们被传递一个键盘按键串（见表 20-1 ）作为他们的参数。为了方便起见，PyAutoGUI 提供了pyautogui.press()函数，它调用这两个函数来模拟一次完整的按键。...绕过系统造成伤害、侵犯隐私或获得不公平的优势并不聪明。我希望我写这本书的努力能让你成为最有生产力的自己，而不是唯利是图的自己。 项目：自动填表 在所有无聊的任务中，填表是最令人害怕的杂务。...你的程序运行在基于文本的窗口中，无论是 Mu 还是终端窗口，当你的 PyAutoGUI 程序点击并与其他窗口交互时，可能会丢失。如果Mu或终端窗口隐藏在其他窗口之下，这会使用户很难获得输入和输出。...Google Talk 应用有一个搜索栏，可以让你在好友列表中输入用户名，并在你按下ENTER时打开一个消息窗口。键盘焦点自动移动到新窗口。其他即时消息应用也有类似的打开新消息窗口的方式。

    11.9K51

    Android ANR问题解析（一）

    ANR的类型 用户输入事件处理超时 当应用程序的窗口处于活动状态并且能够接收输入事件(例如按键事件、触摸事件等)时，系统底层上报的事件就会被InputDispatcher分发给该应用程序。...对大多数窗口而言“处于活动状态”可以理解为“获得焦点”，但是一些具有FLAG_NOT_FOCUSABLE属性的窗口，如Popup窗口，不能获得焦点不能接收按键事件只能接收触摸事件，使得这两个概念不能完全等价...启动过程中焦点应用和焦点窗口转换如下： 1、流程开始，焦点应用是A，焦点窗口是A（的某一个窗口）。 2、当A开始OnPause流程后，焦点应用是A，焦点窗口是null。...因此在分析窗口获取焦点超时的ANR时，一定要注意分析当前焦点应用和焦点窗口是否一致，首先要明确ANR的真正应用是哪一个，后续的分析才会有价值。 窗口获取焦点超时通常由以下原因导致。...当主线程在执行ContentProvider相关操作时没有在规定的时间内执行完毕就会发生ANR。由程序开发者自行设置是否启用以及超时时间。

    2.9K10

    JQuery之内置函数响应事件

    一：键盘事件有： 1.keydown  当键盘或按钮被按下时，发生 keydown 事件。注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。...2.keypress  当键盘或按钮被按下时，发生 keypress 事件。keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得焦点的元素上。...注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。 3.keyup  当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。...注释：如果在文档元素上进行设置，则无论元素是否获得焦点，该事件都会发生。 二：鼠标事件： 1.mousedown  当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。...三：input事件 1.获得焦点focus ：当元素获得焦点时，触发 focus 事件。可以通过鼠标点击或者键盘上的TAB导航触发。

    2.9K60

    浏览器事件

    窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。...onhashchange: 当窗口的锚点哈希值发生变化时触发。 鼠标相关 onclick: 当点击页面时触发。 onmouseup: 鼠标按键被松开时触发。...onauxclick: 指示在输入设备上按下非主按钮时触发，例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下时触发。 onkeyup: 某个键盘按键被松开后触发。...设备相关 ondevicemotion: 设备状态发生改变时触发 ondeviceorientation: 设备相对方向发生改变时触发 ondeviceproximity: 当设备传感器检测到物体变得更接近或更远离设备时触发...onmouseup: 鼠标按键被松开。 onwheel: 该事件在鼠标滚轮在元素上下滚动时触发。 键盘相关 onkeydown: 某个键盘按键被按下。

    3.5K20

    python tkinter 设计指南

    resizable(0,0)或者resizable(False,False)时不可更改 window.geometry() 设定主窗口的大小以及位置，当参数值为 None 时表示获取窗口的大小和位置信息...Label 没有获得焦点的时候高亮边框的颜色，系统的默认是标准背景色 highlightcolor 指定当 Lable 获得焦点的话时候高亮边框的颜色，系统默认为0，不带高亮边框 image 指定 Label...当按钮被点击时，执行该函数 fg 按钮的前景色 font 按钮文本的字体样样式 height 按钮的高度 highlightcolor 按钮控件高亮处要显示的颜色 image 按钮上要显示的图片 justify...常用的功能键 组合键，再比如，表示用户同时点击 Ctrl + Shift + T 当控件获取焦点时候触发，比如鼠标点击输入控件输入内容，可以调用 focus_set() 方法使控件获得焦点 当控件失去焦点时激活...，比如当鼠标离开输入框的时候 控件的发生改变的时候触发事件，比如调整了控件的大小等 当控件的状态从“激活”变为“未激活”时触发事件 当控件被销毁的时候触发执行事件的函数 当窗口或组件的某部分不再被覆盖的时候触发事件

    8.9K30

    Javascript函数的简单学习

    常用事件：     onabort:        对象载入被中断时触发     onblur:         元素或者窗口本身失去焦点时触发     onchange:       改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发     onerror:        出现错误时触发     onfocus:        任何元素或窗口本身获得焦点时触发...    onkeydown:      键盘键包括shift,alt被按下时触发     onkeypress:     键盘键被按下，并产生一个字符时触发，也就是说按下shift或者alt等键不会触发...:        单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发     ondblclick:     双击鼠标左键时触发     onmousedown:    单击任何一个鼠标按键时触发...    onmouseup:      释放任意一个鼠标按键时触发     onreset:        单击重置按钮时，在form标签上触发     onresize:       窗口或者框架的大小发生改变时触发

    2.9K80

    Easy Games With Python and Pygame（三）- Pygame Event

    ---- 我正在参加掘金社区游戏创意投稿大赛个人赛，详情请看：游戏创意投稿大赛” 一、Pygame Event 事件既发生的某件事，在Pygame中事件有移动或者点击鼠标、按下按键、松开按键或者是经过一定的时间等...我们可以增加一个键盘事件处理器，当按下上方向键或者下方向键时外星人可以上下移动，也就是说需要检测KEYDOWN事件并且检测按键是上方向键还是下方向键，然后再去做相应的处理 修改while代码块 while...alien.rect.top += 10 # 中间代码不变 pygame.quit() 再次重新启动程序，使用上下方向键操作 但是这里还要一个问题，就是当持续按住下方向键时，外星人只会往下移动一次，我们期望的是当连续按下时...，只有鼠标按键按下时拖动鼠标外星人的位置才会随着鼠标移动。...定时器事件 Pygame中还有一种事件是定时器事件，既会按照固定的时间间隔生成事件，pygame定时器事件可以设置为任意间隔，如果定时器到时间，他会创建一个能够被事件循环检测到的事件，pygame设置定时器要使用

    2.1K10

    原生 JS DOM 常用操作大全

    li 我是li 我是li 我是li 兄弟节点 node.nexElementSibling //返回当前元素下一个兄弟元素节点，找不到则返回nullnode.previousElementSibling...dbclick 双击鼠标左键时触发mousedown 按下鼠标按键时触发mouseup 释放鼠标按键时触发mouseover 当鼠标经过时触发 具有事件冒泡 mouseout 当鼠标离开时触发 具有事件冒泡...blur 元素失去焦点时触发 不会冒泡 focus 元素获得焦点时触发 不会冒泡 键盘事件 一般键盘事件使用在 输入框的标签中 当按下字符键的执行顺序 (按下字符键 触发三次事件)...,重复触发keypress按下键盘上的字符键触发;按住不放,重复触发,不识别功能键，如 箭头,ctrl,shift 等keyup释放键盘上的键时触发e.keyCode当用户按下按键时获取按键 ASCII...编码e.key获取当用户按下按键时的名称 滚动条事件 当出现滚动条时，向下滚动页面时，上面被隐藏掉的高度，被称为页面被卷去的部分，此时滚动条在滚动时会触发 scroll事件 element.addEventListener

    1.4K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券