dragover event 翻译
当选择的元素或文本被拖拽到一个有效的放置目标上时(每几百毫秒),dragover事件就会被触发。
该事件在放置目标上被触发。
Property | Type | Description |
---|---|---|
target Read only |
EventTarget |
被拖动元素的目标元素 |
type Read only |
DOMString |
事件类型 |
bubbles Read only |
Boolean |
事件是否冒泡 |
cancelable Read only |
Boolean |
事件是否可以取消 |
view Read only |
WindowProxy |
document.defaultView (文档的窗口) |
detail Read only |
long (float ) |
0. |
dataTransfer |
DataTransfer | 拖放操作的基础数据,称为拖动数据存储。保护模式 |
currentTarget Read only |
EventTarget | 添加监听事件的节点 |
relatedTarget Read only |
EventTarget | For mouseover , mouseout , mouseenter and mouseleave events: 补充事件的目标(mouseenter事件的情况下为mouseleave目标)。否则为空。 |
screenX Read only |
long | 全局(屏幕)坐标中鼠标指针的X坐标 |
screenY Read only |
long | 全局(屏幕)坐标中鼠标指针的Y坐标 |
clientX Read only |
long | 本地(DOM内容)坐标中鼠标指针的X坐标 |
clientY Read only |
long | 本地(DOM内容)坐标中鼠标指针的Y坐标 |
button Read only |
unsigned short | 鼠标事件触发时按下的按钮号:左按钮= 0,中按钮= 1(如果存在),右按钮= 2。对于配置为左手使用的鼠标,其中按钮操作被反转,则值从右向左读取。 |
buttons Read only |
unsigned short | 当鼠标事件被触发时按下的按钮:左按钮= 1,右按钮= 2,中(轮)按钮= 4,第四按钮(通常为“浏览器后退”按钮)= 8,第五按钮(通常, “浏览器转发”按钮)= 16。 如果按下两个或更多按钮,则返回值的逻辑和。 例如,如果按下左按钮和右按钮,则返回3(= 1 | 2)。 |
mozPressure Read only |
float | 生成事件时施加给触摸或tabdevice的压力量; 此值介于0.0(最小压力)和1.0(最大压力)之间。 |
ctrlKey Read only |
boolean | 如果事件触发时ctrl键已关闭,则为true。 否则为false。 |
shiftKey Read only |
boolean | 如果事件触发时shift键已关闭,则为true。 否则为false。 |
altKey Read only |
boolean | 如果事件触发时alt键已关闭,则为true。 否则为false。 |
metaKey Read only |
boolean | 如果事件触发时meta键已关闭,则为true。 否则为false。 |
dragover event 翻译的更多相关文章
- 【javascript】谈谈HTML5 ——HTML兽进化, H5兽!
作为一名Web开发者,可能你并没有对这个“H5”这个字眼投入太多的关注,但实际上它早已不知不觉进入到你的开发中,并且总有一天会让你不得不正视它,了解它并运用它 打个比方:<海贼王>中的 ...
- 【javascript】谈谈HTML5: Web-Worker、canvas、indexedDB、拖拽事件
前言:作为一名Web开发者,可能你并没有对这个“H5”这个字眼投入太多的关注,但实际上它早已不知不觉进入到你的开发中,并且总有一天会让你不得不正视它,了解它并运用它 打个比方:<海贼王> ...
- onmousewheel跟onscroll的区别
研习DOM中的事件方法,发现一些细微差别,百度一下没有类似的解答,随手记下来. onmousewheel事件 以下摘自http://help.dottoro.com/ljmracjb.php Bro ...
- HTML DOM元素的Dragdrop
在前端web页面中,为了提高用户体验,通常会希望将页面中的元素设计成可dragdop的,简化用户操作.这一设计特性在缺少鼠标的触摸屏设备上,显得更为重要. 在早期的应用中,我们通常需要借助第三方的ja ...
- 培训第五天---JS
&&与||的基础<script type="text/javascript"> var c = 4||3; alert(c);</script&g ...
- jQ插件--时间线插件和拖拽API
这个时间轴是工作上用到的,自己写了一个, qq空间有时间轴的控件, 百度文库也有时间轴的控件: 百度的时间轴大概是这样的: 用户点击对应的锚链接, 那个三角会滚动, 然后左侧的界面也会滚动: 实际的 ...
- HTML5学习之拖放(十)
l元素可以用于拖拽必须设置draggable="true"属性,img和a标签除外,她们两个默认就可以被拖拽 想做拖拽处理,就需要在Dom元素上监听拖放的事件:dragstart, ...
- 读javascript高级程序设计12-HTML5脚本编程
一.跨文档消息传递(XDM) 1.发送消息 postMessage(msg,domain)用于发送跨文档消息.第一个参数是要传递的消息内容,第二个参数表示接收方来自哪个域.第二个参数有助于提高安全性, ...
- HTML5:一个拖拽网页元素的例子
关键字:HTML5, Drag&Drop, JavaScript, CSS 运行环境:Chrome <!DOCTYPE html> <html> <head> ...
随机推荐
- 10个有趣又能编译为JavaScript的语言,你用过哪些?
现代应用相比普通的网页有不同的要求.但是浏览器是一个有着一套(大部分)固定可用的技术的平台,JavaScript依然是web应用的核心语言:任何需要在浏览器上跑的应用都需要使用这种语言. 我们都知道J ...
- C#设计模式学习之装饰者模式
写这个随笔时,其实对该模式理解的并不是十分透彻.在此想到什么写什么,希望对自己对他人有所帮助. 装饰者模式主要是应用继承和组合的思想,极大的实现了程序的多态,使得的程序有了更高的扩展性. 第一个基础例 ...
- .NET 云原生架构师训练营(设计原则与模式)--学习笔记
在复杂系统的架构设计中引入设计原则与模式,能够极大降低复杂系统开发.和维护的成本 目录 几个问题 为什么要学习设计模式 优良架构设计的具体指标 理解复杂系统 面向对象思想(指导复杂系统的分析.设计.实 ...
- mysql_my.cnf文件详解
以下是 my.cnf 配置文件参数解释:#*** client options 相关选项 ***##以下选项会被MySQL客户端应用读取.注意只有MySQL附带的客户端应用程序保证可以读取这段内容.如 ...
- 28、python3.7(windows)将ORACLE11gR2中的数据取出写入excel表
28.1.下载python的离线扩展模块: 1.windows下python的离线扩展模块下载地址为: https://www.lfd.uci.edu/~gohlke/pythonlibs/ 提示: ...
- Vue 消除Token过期时刷新页面的重复提示
1.问题现象 页面长时间未操作,再刷新页面时,第一次弹出"token失效,请重新登录!"提示,然后跳转到登录页面,接下来又弹出了n个"Token已过期"的后 ...
- CRM系统对管理客户的帮助
我们可以把客户关系看做是一种长期的投资,在资源有限的基础上,把人力财力物力放到那些能够持续创造价值的客户身上,从而为企业带来源源不断的收益.通过进行客户关系管理,能够让企业与客户之间建立沟通的渠道,形 ...
- AcWing 99. 激光炸弹
地图上有n个目标,用整数x,y表示目标在地图上的位置,每个目标都有一个价值Wi. 注意:不同目标可能在同一位置. 现在有一种新型的激光炸弹,可以摧毁一个包含r个位置的正方形内的所有目标. 激光炸弹的投 ...
- Raspberry Pi:树莓派安装Kali2021新版本
准备材料 树莓派4B kali系统镜像 SDFormatter (格式化工具) Win32DiskImager (镜像拷录工具) 镜像下载 kali下载地址:https://www.offensive ...
- Docker:Linux离线安装docker-17.03.2-ce,配置开机自启
1. 准备docker离线包 docker官方离线包下载地址 下载需要安装的docker版本,我此次下载的是:docker-17.03.2-ce.tgz 2. 准备docker.service 系统配 ...