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:当前保存的数据类型