实现拖放的步骤

1.将要拖放的对象元素的draggable属性设为true(draggable=="true")。这样才能将元素
 拖放。注意:img元素和a元素,必须指定href,默认允许拖放。
2.编写与拖放有关的事件处理代码
(*draggable 属性
当用户拖动 draggable 元素时,Internet Explorer 10 提供一个 ghost 图像,该图像在被拖动时
会随着光标移动。因为 draggable 属性不能继承,所以元素的所有子元素都不能自动指定为
draggable 属性。)
(*拖动过程中dataTransfer 对象的 files 属性
通过在 DataTransfer 对象中添加 files 属性,可以将文件从文件夹或桌面拖动到网页中。这可简化
创建类似电子邮件客户端这样的程序,可以在该类程序中将附件拖动到邮件中或者在图片库页面中添
加照片。 )

时间: 2025-01-03 16:53:13

实现拖放的步骤的相关文章

实现拖放的步骤,有关的事件,方法

1. 将想要拖放的对象元素的draggable属性设为true(draggable = “true”).这样才能将元素进行拖放.注意:img元素和a元素(必须指定href)默认允许拖放. 2.编写与拖放有关的事件处理代码. 有关的事件?: dragstart:网页元素开始拖动时触发. drag:被拖动的元素在拖动过程中持续触发.dragenter:被拖动的元素进入目标元素时触发,应在目标元素监听该事件.dragleave:被拖 动的元素离开目标元素时触发,应在目标元素监听该事件.dragover

HTML5 文件拖放API讲解

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

【Qt学习笔记】13.拖放技术:Drag & Drop

1.接受拖放 Drag & Drop 是一个界面操作,用于在两个窗口间传递数据. Drag Source: 拖放源窗口 Drag Target: 拖放目标窗口 拖放操作: 1.在源窗口:选中目标,按下鼠标,移动,拖至目标窗口(Drag) 2.在目标窗口:取消鼠标,到指定位置,松开鼠标(Drop) (按下ESC取消操作) MIME: MIME(Multipurpose Internet Mail Extensions)被传递的数据以MIME格式传送,它是多组type-data数据:(type0,

HTML5拖放API2

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

HTML5中的拖放

1.实现拖放的步骤 ①将对象的属性设置为可拖放,即draggable="true" ②编写有关拖放事件的处理函数. 2.使用dataTransfer对象 dataTransfer对象是事件对象的一个属性,用于从被拖拽元素向放置目标传递字符串格式的数据.因为是事件对象的属性,在拖放事件的事件处理程序中访问dataTranfer对象 ①dataTransfer的属性 dropEffect属性:表示拖放操作的视觉效果,该效果必须在用effectAllowed属性指定的允许的视觉效果的范围内,

Android开发之Drag&Drop框架实现拖放手势

Android3.0提供了drag/drop框架,利用此框架可以实现使用拖放手势将一个view拖放到当前布局中的另外一个view中.本文将介绍如何使用拖放框架. 一.实现拖放的步骤 首先,我们先了解一下拖放过程,从官方文档可以知道,整个拖放过程共分为4个步骤,具体如下: 1.  Started:启动拖放,主要是调用被拖放View的startDrag方法.此方法原型为: public final boolean startDrag(ClipData data, View.DragShadowBui

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

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

HTML5与CSS3的新特性

一.HTML5新特性 1.视频 在HTML5之前,网络上的视频大多都是使用Flash插件进行播放的,保险现在也仍然有很多.HTML5规定了一种通过video元素包含视频的标注方法. 视频格式的支持: 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的

HTML5学习笔记五:html5表单

表单是页面上非常重要的一块内容,用户可输入的大部分内容都是在表单元素中完成的,与后台的交互大多数也是通过点击表单中的按钮. 一.新增的元素和属性 1.新增属性: 1.1 form属性:页面中的任何元素指定form属性,属性值为相应表单的id,该元素就属于指定表单了:只有Opera 10支持. 1.2 placeholder属性:文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字:Safari 4,chrome3,firefox4 1.3 autofocus属性:打开页面时,有该属性的控