javascript--拖动图片时取消浏览器默认提示
2015-01-13 00:00
302 查看
拖动的问题,在网上有很多插件,但鼠标在图片上拖动一小段距离,就会在鼠标旁边出现一个禁止的小提示。
解决如果点击在图片上无法拖拽的问题:
IE通过ev.cancelBubble=true;ev.returnValue = false;来防止图片的事件,注意是放在document.onmousemove中。要用原生的JS,不能用JQUERY!
FireFox通过ev.preventDefault();ev.stopPropagation(); 但是是放在titleBar的mousedown事件中。
解决如果点击在图片上无法拖拽的问题:
IE通过ev.cancelBubble=true;ev.returnValue = false;来防止图片的事件,注意是放在document.onmousemove中。要用原生的JS,不能用JQUERY!
FireFox通过ev.preventDefault();ev.stopPropagation(); 但是是放在titleBar的mousedown事件中。
$(function(){ var $img = $("img"); var moving = function(event){ //something } //IE下需要在document的mousemove里面取消默认事件;要用原生JS的事件不能用JQuery document.onmousemove = function(e){ var ev = e || event; ev.cancelBubble=true; ev.returnValue = false; } $img.mousedown(function(event){ //FF下需要在mousedown取消默认操作; event.preventDefault(); event.stopPropagation(); $(this).bind("mousemove",moving); }) })
相关文章推荐
- javascript--拖动图片时取消浏览器默认提示
- javascript--拖动图片时取消浏览器默认
- 取消 “是否把IE8设置为默认浏览器提示" 提示
- js 解决movebox移动问题 取消图片默认拖动事件
- js 禁止浏览器默认的图片拖动效果
- js屏蔽浏览器默认的拖动图片等扩展操作
- JavaScript支持IE和FireFox浏览器自动缩放图片代码
- javascript阻止事件冒泡和浏览器的默认行为
- 多浏览器兼容的qq图片轮换效果javascript代码
- 多浏览器兼容的qq图片轮换效果javascript代码
- 用Javascript判断图片是否存在,不存在则显示默认图片
- JavaScript阻止浏览器默认操作
- JavaScript阻止浏览器默认操作
- 用javascript来判断浏览器是否禁止了弹出窗口,并在网页中以友好的方式来提示网站浏览者
- JavaScript 图片拖动 放大 缩小
- javaScript关闭浏览器 (不弹出提示框)
- 怎样取消Firefox的默认浏览器
- 一个多浏览器支持的背景变暗的div并可拖动提示窗口功能的代码
- 用javascript来判断浏览器是否禁止了弹出窗口,并在网页中以友好的方式来提示网站浏览者
- javascript---超链接,图片提示效果