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--拖动图片时取消浏览器默认提示相关推荐

javascript下载图片而不是浏览器默认打开图片
dataURLtoBlob(dataurl) {var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],bstr = atob( ...
[HTML]关于html禁止图片拖动，以及禁止拖动图片时打开新的标签页
[HTML]关于html禁止图片拖动,以及禁止拖动图片时打开新的标签页. //禁止浏览器拖动图片打开新标签页的默认事件document.ondragover = function (e) { e.pr ...
为什么在css里使用background-image插入背景图片时，浏览器没有任何反应
在今天写页面的时候遇到一个这样的问题,不知道有没有跟我一样遇到过这样类似的问题"在css里使用background-image插入背景图片时,浏览器没有任何反应"并且css引用语法 ...
【input密码输入框取消浏览器默认记住密码填充】
input密码输入框如何取消浏览器默认记住密码填充 1.方法 2.撒花,完结!! 1.方法 <input type="password" placeholder=" ...
取消华为mate30 删除图片时手机弹出提示：“..检测xx删除了图片..“
问题:删除图片时,华为mate30出现下拉栏如下图的提示 (该截图引用于此文章) 原因:这里其实是华为mate30已经删除了图片,但是系统重新将图片保存在删除的列表,为的是防止用户误删 (该截图也是引 ...
JavaScript停止冒泡和阻止浏览器默认行为
原文链接:http://caibaojian.com/javascript-stoppropagation-preventdefault.html 事件兼容 function myfn(e){ var ...
取消input默认提示框
在使用input输入框过程中,一般都会都自动保存记忆这个功能,双击的时候之前输入的内容会在下拉框自动提示.如果不想要这个功能,加一句代码就可以了. autocomplete="off&quo ...
Javascript屏蔽IE和Firefox浏览器默认按键响应(快捷键功能)
function stopDefault( e ) { // Prevent the default browser action (W3C) if ( e && e.preventD ...
input密码输入框取消浏览器默认记住密码填充
οnfοcus="this.removeAttribute('readonly')" autocomplete="off" input 框加上这个属性即可

javascript--拖动图片时取消浏览器默认提示

javascript--拖动图片时取消浏览器默认提示相关推荐

最新文章

热门文章