當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
javascript--拖动图片时取消浏览器默认提示
生活随笔
收集整理的這篇文章主要介紹了
javascript--拖动图片时取消浏览器默认提示
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
拖動的問題,在網上有很多插件,但鼠標在圖片上拖動一小段距離,就會在鼠標旁邊出現一個禁止的小提示。
解決如果點擊在圖片上無法拖拽的問題:
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的事件不能用JQuerydocument.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); }) })?
DEMO 下載
?
總結
以上是生活随笔為你收集整理的javascript--拖动图片时取消浏览器默认提示的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 4月份不良与垃圾信息举报:垃圾邮件占37
- 下一篇: 三星 Nexus S刷MIUI ROM最