您的位置:首页 > Web前端 > JavaScript

JavaScript学习要点(十二)

2015-07-31 21:30 661 查看
XDM跨文档消息传送指的是在来自不同域的页面间传递消息,其核心是postMessage()方法

该方法接收两个参数:一条消息和表示消息接收方来自哪个域的字符串
var iframeWindow = document.getElementById(“myframe”).contentWindow;
iframeWindow.postMessage(“A secret”, “http://www.wrox.com”);

按下鼠标键并开始移动鼠标时,会在被拖放的元素上触发dragstart事件,可在ondragstart事件处理程序来运行JS代码
被拖动时会持续触发drag事件,拖动停止后会触发dragend事件
当元素被拖动到一个有效的放置目标上时,dragenter dragger dragleave或drop会依次发生

dataTransfer对象用于在拖放操作时实现数据交换
主要有两个方法gerData()和setData(),getData()用于取得setData()保存的数据

event.dataTransfer.setData(“URL”,”https://www.baidu.com/”);
var url = event.dataTransfer.getData(“URL”);

该对象的dropEffect属性可以知道被拖动的元素能够执行哪种放置行为,有四个可能的值“none” “move” “copy” “link”,dropEffect属性只有搭配effectAllowed属性才有用,它被用来表示允许拖动元素的哪种dropEffect,不同的effectAllowed允许了不同的dropEffect,必须在ondragstart事件处理程序中设置effectAllowed属性

默认情况下,图像链接和文本是可以拖动的
HTML5为所有的HTML元素规定了一个draggable属性表示元素是否可以拖动
HTML5规定dataTransfer对象还应包含addElement(element):为拖动操作添加一个元素,只影响数据而不影响外观
clearData(format):清楚以特定格式保存的数据
setDragImage(element, x, y)
types:当前保存的数据类型
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: