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技巧
Dec 06 Javascript
js 效率组装字符串 StringBuffer
Dec 23 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
May 02 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
对Angular中单向数据流的深入理解
Mar 31 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
Aug 20 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中file_get_content 和curl以及fopen 效率分析
2014/09/19 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
2015/03/20 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
Kendo Grid editing 自定义验证报错提示的解决方法
2016/11/18 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
element-ui循环显示radio控件信息的方法
2018/08/24 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
Vue实现多页签组件
2021/01/14 Vue.js
[01:02:46]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
python之pandas用法大全
2018/03/13 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
详解flask表单提交的两种方式
2018/07/21 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
农田水利实习自我鉴定
2013/09/19 职场文书
学术会议欢迎词
2014/01/09 职场文书
党员批评与自我批评
2014/02/12 职场文书
校友回访母校寄语
2015/02/26 职场文书
《现实主义勇者的王国再建记》第三弹OST全曲试听片段公开
2022/04/04 日漫