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游戏之是男人就下100层代码打包
Nov 08 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
Jul 29 Javascript
jQuery插件zTree实现获取一级节点数据的方法
Mar 08 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
jQuery遮罩层实例讲解
May 11 jQuery
vue自定义指令directive实例详解
Jan 17 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
Aug 22 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
Mar 16 Javascript
vue实现购物车结算功能
Jun 18 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
谈一谈收音机的高放电路
2021/03/02 无线电
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
php使用curl实现ftp文件下载功能
2017/05/16 PHP
如何在PHP中使用数组
2020/06/09 PHP
javascript 获取表单file全路径
2009/12/31 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
jQuery中on方法使用注意事项详解
2017/02/15 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
vue监听input标签的value值方法
2018/08/27 Javascript
python计数排序和基数排序算法实例
2014/04/25 Python
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python 异常处理的实例详解
2017/09/11 Python
Python自定义线程池实现方法分析
2018/02/07 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python代码 输入数字使其反向输出的方法
2018/12/22 Python
Python制作微信好友背景墙教程(附完整代码)
2019/07/17 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
大学生创业感言
2014/01/25 职场文书
文艺晚会主持词
2014/03/24 职场文书
元旦文艺汇演主持词
2014/03/26 职场文书
人事任命书范文
2014/06/04 职场文书
电子商务专业应届毕业生求职信
2014/06/21 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
县委务虚会发言材料
2014/10/20 职场文书
2016新年晚会开场白
2015/12/03 职场文书
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
Golang表示枚举类型的详细讲解
2021/09/04 Golang