《JavaScript高级语言设计》(第三版)学习笔记(8)

XDM

跨文本消息传送

var iframeWindow =document.getElementById("myframe").contentWindow;
iframeWindow.postMessage("A secret", "http://www.wrox.com");//第一个为传送消息，第二个参数为发送文档所在域
EventUtil.addHandler(window, "message", function(event){
//确保发送消息的域是已知的域
if (event.origin == "http://www.wrox.com"){
//处理接收到的数据
processMessage(event.data);
//可选：向来源窗口发送回执
event.source.postMessage("Received!", "http://p2p.wrox.com");
}
});

拖放事件

依次发生1.dargstart，2.drag，3.dragend，三个事件，事件目标为被拖放的目标
将某个元素放在目标1.dragenter，2.dragover，3.dragleave

dataTransfer对象

是事件对象的一个属性，用于从被拖动元素向放置目标传递字符串格式的数据
主要方法getData()和setData()
dataTransfer对象中的数据只能zaidrop事件处理程序中读取
在拖动文本框中的文本是，浏览器调用setData()将拖动文本已text格式保存zaidataTransfer中
dropEffect和effectAllowed属性
…