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 Event学习第四章 传统的事件注册模型
Feb 07 Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
Jul 22 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
Node.js巧妙实现Web应用代码热更新
Oct 22 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
js实现分页功能
May 24 Javascript
基于JavaScript实现无缝滚动效果
Jul 21 Javascript
vue中element 上传功能的实现思路
Jul 06 Javascript
在vue中使用vue-echarts-v3的实例代码
Sep 13 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
Nov 10 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
vue中echarts引入中国地图的案例
Jul 28 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环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
PHP序列化操作方法分析
2016/09/28 PHP
基于laravel-admin 后台 列表标签背景的使用方法
2019/10/03 PHP
js变量作用域及可访问性的探讨
2006/11/23 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
jQuery+PHP打造滑动开关效果
2014/12/16 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
2016/07/07 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
2017/07/13 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
2018/08/24 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
2019/01/27 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
Windows下安装python2.7及科学计算套装
2015/03/05 Python
Python NumPy库安装使用笔记
2015/05/18 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
tensorflow常用函数API介绍
2020/04/19 Python
python爬取代理ip的示例
2020/12/18 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
第二层交换机和路由器的区别?第三层交换机和路由器的区别?
2013/05/23 面试题
毕业生自荐信的主要内容
2013/10/29 职场文书
积极贯彻学习两会精神总结
2014/03/17 职场文书
个人培训自我鉴定
2014/03/28 职场文书
小学生暑假家长评语
2014/04/17 职场文书
食品质检员岗位职责
2015/04/08 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
oracle覆盖导入dmp文件的2种方法
2021/05/21 Oracle
SpringBoot全局异常处理方案分享
2022/05/25 Java/Android