IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法


Posted in Javascript onOctober 25, 2016

 最近有个需求须要实现左右拖拽功能,页面右边是个iframe页面,在chrome测试通过之后,发现在ie8上面效果不是很理想,最后查找资料得知可以使用ie自带的setCapture和releaseCapture来解决。

sideDragBar.on('mousedown.sideMenu', function(e){
this.setCapture && this.setCapture();// ie下可以使用setCapture来解决object拖拽问题
startDragging(e);
});
function removeDocumentListeners(e){
this.releaseCapture && this.releaseCapture(); // ie下可以使用setCapture来解决object拖拽问题
doc.off('mousemove.sideMenu');
doc.off('selectstart.sideMenu');
doc.off('mouseup.sideMenu');
}

以上所述是小编给大家介绍的IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
jQuery实现监控页面所有ajax请求的方法
Dec 10 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
Oct 12 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
BetterScroll 在移动端滚动场景的应用
Sep 18 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
JS逻辑运算符短路操作实例分析
Jul 09 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
angularjs性能优化的方法
Sep 05 Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 Javascript
使用zrender.js绘制体温单效果
Oct 31 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 Javascript
理解JavaScript原型链
Oct 25 #Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 #Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 #Javascript
jQuery实现的小图列表,大图展示效果幻灯片示例
Oct 25 #Javascript
JavaScript prototype属性详解
Oct 25 #Javascript
对Angular.js Controller如何进行单元测试
Oct 25 #Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 #Javascript
You might like
第十节--抽象方法和抽象类
2006/11/16 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
javascript 全角转换实现代码
2009/07/17 Javascript
Tab页界面,用jQuery及Ajax技术实现
2009/09/21 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
2009/09/29 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
JS弹出窗口代码大全(详细整理)
2012/12/21 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
2017/01/22 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
浅谈Django REST Framework限速
2017/12/12 Python
python实现决策树
2017/12/21 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
python实现黑客字幕雨效果
2018/06/21 Python
python从子线程中获得返回值的方法
2019/01/30 Python
python动态文本进度条的实例代码
2020/01/22 Python
基于python3的socket聊天编程
2020/02/17 Python
详解KMP算法以及python如何实现
2020/09/18 Python
纯CSS3实现圆圈动态发光特效动画的示例代码
2021/03/08 HTML / CSS
美国Randolph太阳镜官网:美国制造的飞行员太阳镜和射击眼镜
2018/06/15 全球购物
为什么要做架构设计
2015/07/08 面试题
暑期政治学习心得体会
2014/09/02 职场文书
西安大雁塔导游词
2015/02/10 职场文书
子女赡养老人协议书
2016/03/23 职场文书
Elasticsearch 批量操作
2022/04/19 Python