HTML5原生编程
跨文档消息传递
var iframecontent = document.getElementById("myIframe").contentWindow;
iframecontent.postMessage("Secret","http://www.xxx.com")
event.on(window,"message",function(event){
//确保发送消息的域是已知的域
if(event.origin == "http://www.xxx.com"){
//处理接收到的数据
processMessage(event.data);
//可选,向来源窗口发送回执
event.source.postMessage("Received","http://shop.xxx.com");
}
})
原生拖放
拖动元素时,触发:
dragstart
drag
dragend
当元素被拖动到一个有效的放置目标上时,依次触发:
dragenter
dragover
dragleave||drop
自定义放置目标
var droptarget = document.getElementById("drop");
event.on(droptarget,"dragover",function(event){
event.preventDefault(event);
});
event.on(droptarget,"dragenter",function(event){
event.preventDefault(event);
})
event.on(droptarget,"drop",function(event){
event.preventDefault(event);
})