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 相关文章推荐
js+html5实现canvas绘制简单矩形的方法
Jun 05 Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 Javascript
javascript常用正则表达式汇总
Jul 31 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
Javascript动画效果(4)
Oct 11 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
Angular4开发解决跨域问题详解
Aug 28 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
浅谈Vue数据响应思路之数组
Nov 06 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
VOLVO车载收音机
2021/03/02 无线电
细谈php中SQL注入攻击与XSS攻击
2012/06/10 PHP
php中文字符串截取方法实例总结
2014/09/30 PHP
PHP可变函数学习小结
2015/11/29 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
js 利用className得到对象的实现代码
2011/11/15 Javascript
JavaScript作用域链使用介绍
2013/08/29 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
js注册时输入合法性验证方法
2017/10/21 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
2021/01/30 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
[06:21]2014DOTA2国际邀请赛 庆祝VG首阶段领跑;B叔为挣牛排半夜整理情报
2014/07/13 DOTA
使用python解析xml成对应的html示例分享
2014/04/02 Python
python实现windows下文件备份脚本
2018/05/27 Python
python让列表倒序输出的实例
2018/06/25 Python
Python实现定期检查源目录与备份目录的差异并进行备份功能示例
2019/02/27 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
python 实现简易的记事本
2020/11/30 Python
MIS软件工程师的面试题
2016/04/22 面试题
学生会干部自荐信
2014/02/04 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
公司外出活动方案
2014/08/14 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis
python游戏开发之pygame实现接球小游戏
2022/04/22 Python
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS