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 | 拖放操作的基础数据,称为拖动数据存储。保护模式 |
currentTargetRead only |
EventTarget | 添加监听事件的节点 |
relatedTargetRead 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> ...
随机推荐
- MySQL 全文索引实现一个简单版搜索引擎
前言 只有Innodb和myisam存储引擎能用全文索引(innodb支持全文索引是从mysql5.6开始的) char.varchar.text类型字段能创建全文索引(fulltext index ...
- 关于Linux服务器部署
服务器信息: 此小节的内容: SecurityCRT:用来连接到Linux服务器命令操作. FTP(FTPRush):本地文件和Linux服务器文件交互的 工具服务器 借助客户端工具来链接到Linux ...
- 利用 iOS 14 Vision 的手势估测功能 实作无接触即可滑动的 Tinder App
Vision 框架在 2017 年推出,目的是为了让行动 App 开发者轻松利用电脑视觉演算法.具体来说,Vision 框架中包含了许多预先训练好的深度学习模型,同时也能充当包裹器 (wrapper) ...
- WPF使用 INotifyPropertyChanged 实现数据驱动
如下图,有这么一个常见需求,在修改表单明细的苹果价格时,总价会改变,同时单据总和也随之改变. 按照Winfrom事件驱动的思想来做的话,我们就需要在将UI的修改函数绑定到CellEdit事件中来实现. ...
- POJ 1039 直线和线段相交
题意: 题意很好理解,从左边射过来的光线,最远能经过管道到右边多少距离. 分析: 光线一定经过一个上端点和一个下端点,这一点很容易想到.然后枚举上下端点即可 #include <iostream ...
- SQL反模式读书笔记思维导图
在写SQL过程以及设计数据表的过程中,我们经常会走一些弯路,会做一些错误的设计.<SQL反模式>这本书针对这些经常容易出错的设计模式进行分析,解释了错误的理由.允许错误的场景,并给出更好的 ...
- JAVA并发(8)-ThreadPoolExecutor的讲解
很久前(2020-10-23),就有想法学习线程池并输出博客,但是写着写着感觉看不懂了,就不了了之了.现在重拾起,重新写一下(学习一下). 线程池的优点也是老生常谈的东西了 减少线程创建的开销(任务数 ...
- HTTP:Java实现HTTP请求的三种方式
目前JAVA实现HTTP请求的方法用的最多的有两种: 一种是通过HTTPClient这种第三方的开源框架去实现.HTTPClient对HTTP的封装性比较不错,通过它基本上能够满足我们大部分的需求,H ...
- Java:Java的重写与重载区分
最明显的区别为:重写只存在于子类与父类中,重载存在于一个类中. 具体区别如下: 一.重写(override) override是重写(覆盖)了一个方法,以实现不同的功能.一般是用于子类在继承父类时,重 ...
- SpringMVC(12)完结篇 基于Hibernate+Spring+Spring MVC+Bootstrap的管理系统实现
到这里已经写到第12篇了,前11篇基本上把Spring MVC主要的内容都讲了,现在就直接上一个项目吧,希望能对有需要的朋友有一些帮助. 一.首先看一下项目结构: InfrastructureProj ...