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 相关文章推荐
JQUBar 基于JQUERY的柱状图插件
Nov 23 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
一个不错的字符串转码解码函数(自写)
Jul 31 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
javascript实现循环广告条效果
Dec 12 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
如何在Mozilla Gecko 用Javascript加载XSL
2007/01/09 Javascript
jquery tools之tabs 选项卡/页签
2009/07/25 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
用jquery实现输入框获取焦点消失文字
2013/04/27 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
Jquery中巧用Ajax的beforeSend方法
2016/01/20 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
iframe中使用jquery进行查找的方法【案例分析】
2016/06/17 Javascript
1秒50万字!js实现关键词匹配
2016/08/01 Javascript
jQuery通过ajax快速批量提交表单数据
2016/10/25 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
2019/05/04 jQuery
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
Python实现文件复制删除
2016/04/19 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
2018/07/18 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
将matplotlib绘图嵌入pyqt的方法示例
2020/01/08 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
Python rabbitMQ如何实现生产消费者模式
2020/08/24 Python
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
函授大专自我鉴定
2013/11/01 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
《影子》教学反思
2014/02/21 职场文书
学校2014年度工作总结
2014/12/06 职场文书
网吧管理制度范本
2015/08/05 职场文书
财务人员入职担保书
2015/09/22 职场文书