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> ...
随机推荐
- 详解apollo的设计与使用
简介 apollo 是一款由携程团队开发的配置中心,可以实现配置的集中管理.分环境管理.即时生效等等.在这篇博客中,我们可以了解到: 为什么使用配置中心 如何设计一个配置中心 apollo 是如何设计 ...
- NOIP模拟测试18「引子·可爱宝贝精灵·相互再归的鹅妈妈」
待补 引子 题解 大模拟,注意细节 代码1 #include<bits/stdc++.h> using namespace std; int n,m;char a[1005][1005]; ...
- vs中打开ashx文件没有提示,没有高亮标记解决方法
在VS菜单中 工具 --- 选项 --- 文本编辑器 --- 文件扩展名,在右侧添加 ashx ,选中Microsoft Visual C# 保存后,再打开就行了 ashx文件头部报错后,删除 < ...
- CosId 1.1.8 发布,通用、灵活、高性能的分布式 ID 生成器
CosId 通用.灵活.高性能的分布式 ID 生成器 介绍 CosId 旨在提供通用.灵活.高性能的分布式 ID 生成器. 目前提供了三类 ID 生成器: SnowflakeId : 单机 TPS 性 ...
- AcWing 243. 一个简单的整数问题2
给定一个长度为N的数列A,以及M条指令,每条指令可能是以下两种之一: 1."C l r d",表示把 A[l],A[l+1],-,A[r] 都加上 d. 2."Q l r ...
- VMware-克隆虚拟机(CentOS7)
采用克隆完整克隆 修改系统参数,除了IP和主机名以外. 第一步 修改mac地址 在虚拟机还未启动之前,先修改该系统的mac地址,如下操作所示. 生成新的mac地址 修改主机名(reboot后生效) $ ...
- Redis为什么变慢了?常见延迟问题定位与分析
Redis作为内存数据库,拥有非常高的性能,单个实例的QPS能够达到10W左右.但我们在使用Redis时,经常时不时会出现访问延迟很大的情况,如果你不知道Redis的内部实现原理,在排查问题时就会一头 ...
- Java 在Word中创建邮件合并模板并合并文本和图片
Word里面的邮件合并功能是一种可以快速批量操作同类型数据的方式,常见的如数据填充.打印等.其中必不可少的步骤包括用于填充的模板文档.填充的数据源以及实现邮件合并的功能.下面,通过Java程序展示如何 ...
- .Net Core微服务——服务发现:Consul(一)
先思考一些问题:它是做什么的.以及怎么使用它.带着这些问题往下走. consul是做什么的 consul用于微服务下的服务治理.服务治理是什么?它包含但不限于:服务发现.服务配置.健康检查.键值存储. ...
- 让5G技术“智慧”生活
1.通讯技术的发展历程 2.5G技术的指标和具体概述 3. 5G的三个关键技术及概述 4.5G的应用场景及业务及安全挑战 如果你认为5G带来的只是下载视频 ...