与拖放有关的事件

拖动过程会触发很多事件,主要有下面这些:
    1.dragstart:    网页元素开始拖动时触发
    2.drag：        被拖动的元素在拖动过程中持续触发
    3.dragenter：     被拖动的元素进入目标元素时触发，应在目标元素监听该事件
    4.dragleave：    被拖动的元素离开目标元素时触发，应在目标元素监听该事件
    5.dragover：    被拖动元素停留在目标元素之中时持续触发，应在目标元素监听该事件
    6.drop：        被拖动元素或从文件系统选中的文件，拖放落下时触发
    7.dragend：    网页元素拖动结束时触发
    ...以上这些事件都可以指定回调函数

时间： 2024-12-10 12:36:29

与拖放有关的事件的相关文章

今天想用jquery来实现div的拖放功能

html5标签.拖放(Drag 和 drop)是 HTML5 标准的组成部分. 步骤一:首先设置标签可以被拖 draggable="true" 步骤二:选取被拖的标签,和要放置被拖标签的容器标签.步骤三:input框默认可以接收text,但div是拒绝接收一切内容,所有此时要记得阻止div的默认行为. 拖放标签的所拥有的事件 dragstart事件 drag事件 dragend事件 对于被放置的标签而言所拥有的事件 1. dragenter事件(拖放目标进去)2. dragover 事

HTML5 文件拖放API讲解

本章向大家讲解一下HTML 5中文件API与拖放API的使用方法.HTML5的文件API,可以在浏览器中直接显示客户端文件的信息或文件中的内容,而通过拖放API,可以直接将位于客户端中的文件拖动到浏览器中,也可以单独拖动页面中的元素或者元素中的内容. HTML5拖拽文件预览效果图: 在线演示 以前,我们使用file控件,单击上传按钮后选择计算机中的文件.在HTML5中,我们可以先将计算机中的文件直接拖动到浏览器中进行预览,确定文件是我们所需要的,然后单击上传按钮将该文件上传到服务器端. 我们使用

HTML5拖放API2

在HTML5中,已经支持在浏览器与其他应用程序之间的数据互相拖动,同时也大大简化了有关于拖放方面的代码. 实现拖放的步骤 在HTML5中要想实现拖放操作,至少要经过两个步骤: 将想要拖放的对象元素的draggable属性设为true(draggable="true").这样才能将该元素进行拖放.另外,img元素和a元素(必须指定href属性)默认允许拖放. 编写与拖放有关的事件处理代码.关于拖放存在的几个事件如下所示. 拖放的相关事件 事件 产生事件的元素 描述 dragstart 被

IE中中的拖放实例

拖放首先是由IE4.0引入的,一开始只有IE支持此功能.但现在已经作为HTML5的标准的一部分. 有2种行为可以实现拖放:系统拖放和模拟拖放,其中以前只有IE实现了系统拖放 系统拖放的优点:可以实现浏览器和桌面.浏览器和浏览器.窗口之间.框架页之间的移动: 拖放一开始只支持图像和文本拖放,后来进行了扩展,现在几乎所有元素都可被拖放了. (一)系统拖放 1.拖放事件 拖放事件分为2种:在被拖放项的事件和在放置目标上的事件 1)被拖放项事件 某个项被触发时的事件触发顺序:dragstart;  dr

H5的拖放

先来个代码—————— 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 </head> 6 <body onloat="init()";> 7 <div id="word" draggable="true" style="width:100px; height: 30px; borde

Android开发者指南-用户界面-拖放-Drag and Drop[原创译文]

英文原文:http://developer.android.com/guide/topics/ui/drag-drop.html 版本:Android 4.0 r1 译者注:黄色底色为未决译文 快速查看 允许用户在Activity layout范围内用图形化的手势来转移数据 可用于转移数据之外的其它用途 只在同一应用程序内有效 需要API 11. 在本文中 概述 拖放过程 拖动事件侦听器及回调方法 拖动事件 拖动阴影 拖放操作的设计 开始拖动 响应拖动开始事件 拖动过程中的事件处理 响应放下事件

【转】QT事件传递与事件过滤器

1.事件类型 Qt程序是事件驱动的,程序的每个动作都是由幕后某个事件所触发. Qt事件的类型很多,常见的qt的事件如下:            键盘事件: 按键按下和松开.        鼠标事件: 鼠标移动,鼠标按键的按下和松开.        拖放事件: 用鼠标进行拖放.        滚轮事件: 鼠标滚轮滚动.        绘屏事件: 重绘屏幕的某些部分.        定时事件: 定时器到时.        焦点事件: 键盘焦点移动.        进入和离开事件: 鼠标移入widge

在拖放文件的同时检测shift键的状态

老板要给原来文件拖放的功能加个扩展分类,于是想在文件拖放时判断shift键的状态来区分. 一般通过keydown和keyup来判断按下与否,但这都是需要控件事件触发,而在拖放的时候是没法触发key事件的,所以需要通过其他的检测. 百度后,找到了这么一句: 1 if (Control.ModifierKeys == Keys.Shift) //keys Control.ModifierKeys 返回的是当前修改键的状态,ALT,SHIFT,CTRL 2 { 3 shiftDown = true;

【优才原创】Android的拖放机制

优才网 [优才原创]Android的拖放机制 2016-04-18 优才学院 优才网 一.拖放机制概述 2 拖放操作是手指触摸屏幕上的某一对象,然后拖动该对象,最后在屏幕的某个位置释放该对象并执行某种操作,如删除.卸载.启动.复制数据等. 2 允许以图形化的手势操作完成某项任务. 2 拖放操作的优势:直观.易用.简化操作步骤. 2 SDK3.0提供了支持拖放操作的编程机制,简称拖放机制,拖放机制是为数据移动设计的,但能够用于其它的UI操作.如Android系统自带的将托盘内图标代表的应用程序以拖