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:当前保存的数据类型
该方法接收两个参数:一条消息和表示消息接收方来自哪个域的字符串
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:当前保存的数据类型
相关文章推荐
- javascript实现倒计时自动跳转页面
- 初级Javascript(一)
- js 将json字符串转换为json对象的方法解析
- Javascript高级程序设计读书笔记(第10章 DOM)
- The JavaScript Event Loop: Explained
- 04_单例模式
- 跨域的三种方法总结:代理,JSONP,以及XHR2
- 图片无缝循环滚动
- 每天一个小知识点19(Javascript对象转换成json的函数)
- javascript事件驱动及事件处理
- 使用selenium抓取JS动态生成的页面
- CAS——性能优化第一步,在线访问外网js
- jstring 和char 之间的转换方法
- dataTable 转换json串
- js判断数据类型
- JSON空格转义(php、javascript)
- ExtJs4.0日期控件只显示年月按年月格式会跳月的解决办法
- boost库之property tree库,解析JSON、XML、INI等
- JSP之重定向与转发的区别【入门版】
- JavaScript标准Selection操作