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 相关文章推荐
向fckeditor编辑器插入指定代码的方法
May 25 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
基于jQuery实现图片的前进与后退功能
Apr 24 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
javascript实现获取浏览器版本、操作系统类型
Jan 29 Javascript
JavaScript实现更改网页背景与字体颜色的方法
Feb 02 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
Node.js API详解之 vm模块用法实例分析
May 27 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 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
老生常谈PHP位运算的用途
2017/03/12 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
JSON 数据格式介绍
2012/01/13 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
js中传递特殊字符(+,&)的方法
2014/01/16 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
js+css实现上下翻页相册代码分享
2015/08/18 Javascript
JavaScript实现图片滑动切换的代码示例分享
2016/03/06 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
2017/10/15 Javascript
详解IWinter 一个路由转控制器的 Nodejs 库
2017/11/15 NodeJs
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
Electron vue的使用教程图文详解
2019/07/05 Javascript
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
python 数据加密代码
2008/12/24 Python
Python解析xml中dom元素的方法
2015/03/12 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
python计算两个矩形框重合百分比的实例
2018/11/07 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
Chain Reaction Cycles芬兰:世界上最大的在线自行车商店
2017/12/06 全球购物
美国五金商店:Ace Hardware
2018/03/27 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
十八大感想感言
2014/02/10 职场文书
音乐节策划方案
2014/06/09 职场文书
领导班子在批评与自我批评座谈会上的发言
2014/09/28 职场文书
入党群众意见范文
2015/06/02 职场文书
锦旗赠语
2015/06/23 职场文书
追悼会答谢词范文
2015/09/29 职场文书