事件类型(js)
- 焦点事件:在页面获得或失去焦点时触发。 与document.hasFocus和document.activeElement属性配合,可以得到用户在页面的行踪。
blur:元素失去焦点时触发。这个事件不会冒泡。
focus:在元素获得焦点时触发。这个事件不会冒泡。
focusin:在元素获得焦点时触发。这个事件会冒泡。
focusout:在元素失去焦点时触发。这个事件会冒泡。
- 鼠标和滚轮事件:
click:单击鼠标或者按下回车键触发。(可通过鼠标和键盘触发)
dblclick:双击鼠标按钮时触发。
mousedown:按下任意鼠标按钮时触发。不能通过键盘触发。
mouseenter:鼠标光标从元素外部首次移动到元素范围之内时触发。不冒泡。
mouseleave:元素上方的鼠标光标移动到元素范围之外时触发。不冒泡。
mousemove:鼠标指针在元素内部移动时重复的触发。不能通过键盘触发。
mouseout:鼠标指针位于一个元素上方,然后用户将其移入另一个元素时触发。
mouseover:在鼠标指针位于一个元素外部,额庵后用户将其移入到另一个元素边界之内时触发。
mouseup:释放鼠标按钮时触发。不能通过键盘触发。
除去阴影部分,均会冒泡。
事件触发顺序:mousedown--mouseup--click--mousedown--mouseup--click--dbclick.
客户端坐标位置:clientX,clientY.(通过事件对象获得)
页面坐标位置:pageX,pageY.(在没有页面滚动情况下,客户端位置和页面位置相同)
屏幕坐标位置:screenX,screenY.
- 键盘和文本事件
keydown:按下键盘上的任意键时触发,如果按住不放会重复触发事件。
keypress:按下键盘上的字符键时触发。
keyup:释放键盘上的键时触发。
以上三个事件在用户通过文本输入框时做常用到。
- 键码:在发生keydown 和keyup事件时,event.keyCode属性会包含一个代码,与键盘上的键对应。
- 字符编码:charCode.
事件类型(js)的更多相关文章
- JS中的事件类型和事件属性的基础知识
周末无聊, 这几天又复习了下JS搞基程序设计3, 想着好记性不如浪笔头哇, 要么把这些东西写下来, 这样基础才能更加扎实么么哒, 知道的同学也可以直接过一下,当做复习, 小姨子再也不用担心我的学习啦 ...
- 《JS高程》事件类型学习笔记
事件类型: UI事件&焦点事件: 鼠标滚轮事件: 键盘与文本事件: 复合事件&变动事件: HTML5事件: 设备事件&触摸与手势事件:
- JS事件类型--1
滚轮事件其实就是一个mousewheel事件,这个事件跟踪鼠标滚轮,类似Mac的触屏版. 一.客户区坐标位置 鼠标事件都是在浏览器视口的特定位置上发生的.这个位置信息保存在事件对象的clientX和c ...
- JavaScript事件类型
JavaScript事件类型 Web浏览器中可能发生的事件有很多类型.这里我将主要将下面几种常用的事件类型: UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设 ...
- 在 SharePoint Server 2013 中配置建议和使用率事件类型
http://technet.microsoft.com/zh-cn/library/jj715889.aspx 适用于: SharePoint Server 2013 利用使用事件,您可以跟踪用户与 ...
- JavaScript DOM高级程序设计 4.2 事件类型--我要坚持到底!
对象事件 load和unload(载入页面的时候调用load,关闭页面的时候调用unload) abort和error 对于载入图像时出现错误的情况,可以使用error事件侦听器来进行说明: ADS. ...
- 事件——《JS高级程序设计》
一. 事件流 1. 事件流描述的是从页面中接收事件的顺序 2. 事件冒泡(event bubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Do ...
- 《JAVASCRIPT高级程序设计》事件处理程序和事件类型
一.事件流 谈到事件,首要要理解事件流的概念:事件流是指从页面接受事件的顺序:“DOM2级事件”规定事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.目前大部分的浏览器的事件流是事件冒泡, ...
- 浅谈JavaScript的事件(事件类型)
Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息.DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发:焦点事件,元素获得或失去焦点触发:鼠标事件,用户通过鼠标在 ...
- javascript 的 事件类型(事件)
事件通常与函数配合使用,这样就可以通过发生的事件来驱动函数执行. 事件是文档或者浏览器窗口中发生的,特定的交互瞬间. 事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都 ...
随机推荐
- Android 添加网络权限
[Android 添加网络权限] <uses-permission Android:name="android.permission.INTERNET"></us ...
- fiddler模拟timeout超时场景
fiddler模拟网络超时: 用fiddler模拟网络请求超时 最近要测试程序对cgi 请求超时的兼容,所以就需要模拟超时,第一个想到的就是fiddler工具,说一下具体的做法: Rules -> ...
- 学习笔记001之[Android开发视频教学].01_06_Android当中的常见控件
文本框,按钮 菜单按钮(需复写两个方法) 后续需完成联系代码.
- DNS隧道 iodns
通过iodns这个工具也能搭建DNS隧道 iodns的优点: 对下行数据不进行编码,速度快 支持多平台 最大16个并发连接 强制密码设定 iodns创建的DNS隧道网段不能喝服务器,客户端同一网段,比 ...
- jenkins动态参数插件Dynamic Parameter安装及简单使用
插件安装: 1.先下载插件hpi文件到本地 jenkins插件下载地址 http://mirror.xmission.com/jenkins/plugins/ http://updates.jen ...
- BeautifulSoup中查找元素 select() 和find()区别
从html中查找元素,之前一般都用find(),查找符合条件的第一个,如下 f = open(file, 'r') # 读取文件内容content = f.read()soup= BeautifulS ...
- document.all 在各浏览器中的支持不同
转载:https://blog.csdn.net/fengweifree/article/details/16862495 感谢 all 方法最初是由 IE 浏览器拥有的,并不属于 W3C 规范范畴, ...
- vue项目打包后图片路径问题
当用vue-cli自动构建项目后,有两种运行方法,分别是: npm run dev : 提供一个开发的环境,自动热更新,资源使用绝对路径,所以可以正常看到背景图片. npm run build : 打 ...
- openstack(Pike 版)集群部署(六)--- Horizon 部署
一.介绍 参照官网部署:https://docs.openstack.org/horizon/pike/install/ 继续上一博客进行部署:http://www.cnblogs.com/we ...
- 忘记root密码,怎么办
当前账户拥有sudo权限,可以通过sudo passwd root来重置root密码.