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);
})