首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript 事件基础补充

输入框,选择框和文本区域 当改变一个元素值且失去焦点 onclick 链接、按钮、表单对象、图像映射区域 当用户单击对象 ondblclick 链接、按钮、表单对象 当用户双击对象 ondragdrop...窗口 当用户将一个对象拖放到浏览器窗口 onError 脚本 当脚本中发生语法错误时 onfocus 窗口、框架、所有表单对象 当单击鼠标或者将鼠标移动聚焦到窗口或框架 onkeydown 文档、...图像、链接、表单 当按键被按下 onkeypress 文档、图像、链接、表单 当按键被按下然后松开 onkeyup 文档、图像、链接、表单 当按键被松开 onload 主题、框架集、图像 文档或图像加载后...表单复位按钮 单击表单reset按钮 onresize 窗口 当选择一个表单对象 onselect 表单元素 当选择一个表单对象 onsubmit 表单 当发送表格到服务器 PS:所有的事件处理函数都会都有两个部分组成...1.鼠标事件,页面所有元素都可触发 click:当用户单击鼠标按钮或按下回车键触发。

3.1K50
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript中Event(事件)详解

Event 对象 Event 对象代表事件状态,比如事件在其中发生元素、键盘按键状态、鼠标的位置、鼠标按钮状态。 事件通常与函数结合使用,函数不会在事件发生前被执行!...下面是一些常用属性,可将之插入 HTML 标签以定义事件行为。 1、单击事件 ? 2、双击事件 ?...4、键盘事件 onkeydown:键盘按下事件 onkeyup:键盘弹起事件 ?...5、焦点事件 onfocus:获得焦点事件 onblur:失去焦点事件 onchange:失去焦点内容改变事件 ? 6、页面加载事件 onload:页面加载完成实现页面。 ?...注:调用多个函数,只需要用分号隔开即可。如下图:同时触发两种事件 ? 相关事件所对应函数代码: ? 附:事件名称表 ?

91410

javaScript事件处理

对此还有: resize事件:当调整浏览器窗口到一个新宽度或者高度,就会触发resize事件。 scroll事件:文档或者浏览器窗口被滚动期间会触发scroll事件。...焦点事件:指元素对焦点获得与失去,如文本框选中或者取消选中。 ---- 2.鼠标事件 例如当鼠标单击左键,会发生onclick事件: <!...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘键被按下 onkeypress 某个键盘键被按下或者按住...onkeyup 某个键盘键被松开 onload 某个页面或者图像被完成加载 onmousedown 某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover...onunload 用户退出页面 ---- 6.事件冒泡和事件捕捉 事件发生就会产生事件流,当一个HTML元素产生一个事件,该事件会在元素节点和根节点之间按特定顺序转播,类似于递和归。

2.3K10

前端学习(53)~键盘事件

鼠标的拖拽事件 拖拽流程: (1)onmousedown:当鼠标在被拖拽元素上按下,开始拖拽; (2)onmousemove:当鼠标移动被拖拽元素跟随鼠标移动; (3)onmouseup:当鼠标松开...鼠标的滚轮事件 onmousewheel:鼠标滚轮滚动事件,会在滚轮滚动触发。但是火狐不支持该属性。 DOMMouseScroll:在火狐中需要使用 DOMMouseScroll 来绑定滚动事件。...注意该事件需要通过addEventListener()函数来绑定。 键盘事件 事件名 onkeydown:按键被按下。 onkeyup:按键被松开。...注意: 如果一直按着某一个按键不松手,那么,onkeydown事件会一直触发。此时,松开键盘,onkeyup事件会执行一次。...当onkeydown连续触发,第一次和第二次之间会间隔稍微长一点,后续间隔会非常快。这种设计是为了防止误操作发生。 键盘事件一般都会绑定给一些可以获取到焦点对象或者是document。

1K20

Android Activity返回键控制两种方式

Android Activity返回键监听两种方式 1、覆写ActivityOnBackPressed方法 官方解释: Called when the activity has detected...@Override public void onBackPressed() {  // 完全由自己控制返回键逻辑,系统不再控制,但是有个前提是:  // 不要在ActivityonKeyDown或者OnKeyUp...中拦截掉返回键  // 拦截:就是在OnKeyDown或者OnKeyUp中自己处理了返回键  //(这里处理之后return true.或者return false都会导致onBackPressed不会执行...)   // 不拦截:在OnKeyDownOnKeyUp中返回super对应方法  //(如果两个方法都被覆写就分别都要返回super.onKeyDown,super.onKeyUp) } 2、覆写...ActivityonKeyDown或者OnkeyUp,拦截返回键 @Override public boolean onKeyUp(int keyCode, KeyEvent event) {

2.7K70

小恐龙の得分秘籍

Runner().playing) { Runner().onKeyDown(startArgs); setTimeout(() => { Runner().onKeyUp(...(c),Runner().onKeyUp(c);else Runner().onKeyDown(c)}}}}}var bot=TrexRunnerBot(),botInterval=setInterval...0}); 将上面代码执行之后,再次运行程序,你会发现你获取分数速度提升了一千倍。 如果你将第一个方案和这个方案代码结合,会获得一个能够自动奔跑获得高分“智能小恐龙”。...不过因为我们“外挂”是基于计时器进行距离计算并模拟用户操作,当你获得很高很高分数之后,障碍物推进速度过快,一旦你进行窗口来回切换,游戏进行暂停和游玩状态切换,很大概率上“外挂”操作会延时,导致...,你可以得到一只拥有穿越障碍物能力小恐龙:勇往无前,永不停歇,分数不停增长,直到报错。

82640

JS DOM学习笔记

,和setInterval区别是setTimeout只执行一次,setInterval可以不断执行无数次 6、onload(页面加载后触发):网页加载完毕触发,浏览器是一边下载文档、一边解析执行,...元素onload事件是元素自己加载完毕触发,body onload才是全部加载完成。...)、ondblclick(双击)、onkeydown(按键按下)、onkeypress(按下按键)、onkeyup(松开按键)、onmousedown(鼠标按下)、onmousemove(鼠标移动)、onmouseout...(鼠标离开元素范围)、onmouseover(鼠标移动到元素范围)、onmouseup(鼠标按键释放)、oncontextmenu(在浏览器中单击鼠标右键显示‘右键菜单’触发) 9、window.location...,用来获得发生事件信息,事件不局限于window对象事件,所有元素事件都可以通过event属性取得相关信息。

4K40

Android 双击退出程序但活动不结束功能!

本片博客将详细介绍: Android 活动中  onKeyDown()   onKeyUp()   onBackPressed()  三个方法关系及使用 最后给出实现双击退回桌面的源码实例 ----...所以,见名知意: onKeyDown 就是按下按键意思, onKeyUp 就是松开按键意思, onBackPressed 就是返回键被点击意思。...---- 我们先看下源码 首先瞅瞅 onKeyDown() 源码:(太长了咱看重点) 可以看到,如果是点击了 Home 键( 也就是 KEYCODE_BACK )的话,将会调用 onBackPressed...,所以流程就很清晰了,再看看它调用 你也可以那自己音量键做做测试,一直按着一直调用 onKeyDown() ---- 总结一下 当我们按下 Home 键(其他键,像音量键啥也一样)时候调用...,我们看到:无论是 onKeyDown onKeyUp 都有类似这么一句话 重点:如果我们仅仅希望使用我们自己代码,不希望再去执行系统代码,就返回 true ,如果执行完我们自己代码后,依然打执行系统代码

65120

Javascript函数简单学习

例如在页面载入完毕,将触发onload()事件;     当用户单击按钮,将触发按钮onclick事件等。     ...    onkeydown:      键盘键包括shift,alt被按下触发     onkeypress:     键盘键被按下,并产生一个字符触发,也就是说按下shift或者alt等键不会触发...    onkeyup:        释放键盘上按键触发     onload:         页面完全载入后触发     onunload:       页面完全卸载后触发     onclick...:        单击鼠标左键触发,当光标的焦点在按钮上,并按enter键也会触发     ondblclick:     双击鼠标左键触发     onmousedown:    单击任何一个鼠标按键触发...    onmouseup:      释放任意一个鼠标按键触发     onreset:        单击重置按钮,在form标签上触发     onresize:       窗口或者框架大小发生改变触发

1.9K80

Android 双击返回键退出程序3种写法~

用户点击肯定会触发相应事件,,,我们先来看下面俩个事件作用。。。 Activity.onKeyDown(): 当某个键被按下时会触发,但不会被任何该Activity内任何view处理。...默认按下KEYCODE_BACK键后会回到上一个Activity; Activity.onKeyUp(): 当某个按键被按下,松开后触发,但不会被任何该Activity内任何view处理。...One Way:onKeyUp() //记录用户首次点击返回键时间 private long firstTime=0; @Override public boolean...Two Way:onKeyDown() //记录用户首次点击返回键时间 private long firstTime=0; @Override public boolean...~ 2017年7月6日00:14:59更新:听到一个哥儿们提供了一种思路,大家有兴趣可以实践下: 重写onkeydown 在里面利用handle延时发送来实现 showToast(“确定要退出

1.7K20

Android实现双击返回键退出应用实现方法详解

前言 现在市面上很多应用都会有当用户按返回键时候提示用户:再按一次将退出应用提示,也就是双击双击返回键退出应用,接下来我们就用几种办法来实现这个功能 效果图 ?...实现 第一种办法 响应Activity onKeyUp事件,两次点击时间大于2秒钟就不响应,小于2秒钟就退出程序 代码: //记录用户首次点击返回键时间 private long firstTime...* 第一种解决办法 通过监听keyUp * @param keyCode * @param event * @return */ @Override public boolean onKeyUp...(keyCode, event); } 第二种办法 和第一种办法一样,这不过这次响应onKeyDown事件 代码: /** * 第二种办法 * @param keyCode * @param...以上就是本文全部内容,希望对大家学习有所帮助。

1.5K20

jQuery(事件和动画-基础事件、复合事件)

基础事件 click 对应 onclick 鼠标单击事件 dbclick 对应ondbclick 鼠标双击事件 mouseover 对应 onmouseover 鼠标移入事件 mouseout 对应...onmouseout 鼠标移出事件 mouseenter 对应onmouseenter鼠标进入事件 mouseleave 对应 onmouseleave鼠标离开事件 keyup 对应onkeyup...键盘弹起 keydown 对应onkeydown 键盘按下触发 keypress 对应onkeypress 鼠标产生可打印字符触发 $(window).resize() 窗口大小调整触发事件...参数speed:定义显示速度。 参数各属性: slow慢慢显示; normal正常显示; fast快速显示; 参数function:回调函数,当目标 元素全部显示完成后触发。...这是一 个自定义方法,它为频繁使用任务提供了一种“保持在其中”状态。 当鼠标移动到一个匹配元素上面,会触发指定第一个函数。 当鼠标移出这个元素,会触发 指定第二个函数

1.4K10
领券