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编程起步(第四课)
Feb 27 Javascript
CSS常用网站布局实例
Apr 03 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
JavaScript中的parse()方法使用简介
Jun 12 Javascript
js操作数组函数实例小结
Dec 10 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
解决vue移动端适配问题
Dec 12 Javascript
JavaScript简单实现动态改变HTML内容的方法示例
Dec 25 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
Dec 30 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
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
php精度计算的问题解析
2019/06/21 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
对JavaScript客户端应用编程的一些建议
2015/06/24 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
node跨域转发 express+http-proxy-middleware的使用
2018/05/31 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
2020/09/22 Javascript
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
Python扫描IP段查看指定端口是否开放的方法
2015/06/09 Python
Python自定义线程类简单示例
2018/03/23 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
浅谈pyqt5中信号与槽的认识
2019/02/17 Python
Python读取stdin方法实例
2019/05/24 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
python实现3D地图可视化
2020/03/25 Python
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
linux面试题参考答案(9)
2016/01/29 面试题
教师自荐信范文
2013/12/09 职场文书
珍珠奶茶店创业计划书
2014/01/11 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
依法行政工作汇报材料
2014/10/28 职场文书
项目负责人岗位职责
2015/02/15 职场文书
鲁滨孙漂流记读书笔记
2015/06/30 职场文书
协议书格式模板
2016/03/24 职场文书
Django 如何实现文件上传下载
2021/04/08 Python
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫