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事件写法实现代码
Jan 07 Javascript
js+css在交互上的应用
Jul 18 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
innerHTML在IE中报错解决方案
Dec 15 Javascript
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法
Feb 25 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
js获取指定时间的前几秒
Apr 05 Javascript
vue 移动端记录页面浏览位置的方法
Mar 11 Javascript
微信小程序实现选择地址省市区三级联动
Jun 21 Javascript
如何在面试中手写出javascript节流和防抖函数
Oct 22 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
PHP:风雨欲来 路在何方?
2006/10/09 PHP
深入PHP autoload机制的详解
2013/06/09 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHP 实现 JSON 数据的编码和解码操作详解
2020/04/22 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
简介AngularJS的HTML DOM支持情况
2015/06/17 Javascript
以jQuery中$.Deferred对象为例讲解promise对象是如何处理异步问题
2015/11/13 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
js实现漫天星星效果
2017/01/19 Javascript
ES6新特性之模块Module用法详解
2017/04/01 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
vue实现文字加密功能
2019/09/27 Javascript
vue 重塑数组之修改数组指定index的值操作
2020/08/09 Javascript
在Python的Django框架下使用django-tagging的教程
2015/05/30 Python
python实现12306火车票查询器
2017/04/20 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
将自己的数据集制作成TFRecord格式教程
2020/02/17 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
经典c++面试题三
2015/07/08 面试题
男女朋友协议书
2014/04/23 职场文书
10的分与合教学反思
2014/04/30 职场文书
慰问信模板
2015/02/14 职场文书
2015年度房地产工作总结
2015/04/09 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
JavaScript实现一键复制内容剪贴板
2022/07/23 Javascript