1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器【javascript】

js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器【javascript】

时间:2020-12-12 09:55:37

相关推荐

js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器【javascript】

web前端|js教程

鼠标,拖动图片

web前端-js教程

注意使用preventDefault防止浏览器的默认事件操作发生

weiq源码,ubuntu安装pip包,tomcat7 添加网站,京东店铺爬虫,php 免费开源框架,seo教程全集免费seo技术lzw

var isDrag = false;

function isIE(){

if(navigator.userAgent.indexOf("MSIE")>0){return true;}

else{return false;}

}

function addListener(element,e,fn){

if(isIE()){element.attachEvent("on" + e,fn);}

else{element.addEventListener(e,fn,false);}

}

function drag(e){

var e = e || window.event;

var element = e.srcElement || e.target;

if(e.preventDefault)e.preventDefault();

else e.returnvalue=false;

isDrag = true;

var relLeft = e.clientX - parseInt(element.style.left);

var relTop = e.clientY - parseInt(element.style.top);

element.onmouseup = function(){ isDrag = false; }

document.onmousemove = function(e_move){

var e_move = e_move || window.event;

if(isDrag){

element.style.left=e_move.clientX - relLeft + "px";

element.style.top=e_move.clientY - relTop + "px";

return false;

}

}

}

window.onload = function()

{

var element = document.getElementById("elimg");

var element2 = document.getElementById("eldiv");

addListener(element,"mousedown",drag);

addListener(element2,"mousedown",drag);

}

材料管理网站源码,vscode上用wsl,ubuntu 图像裁剪,无法安装tomcat,sqlite 清空一列,前端一体化项目框架搭建,家里总是出现一些小爬虫,php打印pdf,淄博seo推广服务,有网站源码怎么上传,发展史 网页源码,红色政府 网站模板lzw

百万方格 源码,ubuntu系统文件存储,F5集群tomcat,日本八头爬虫,php网站怎样找到后台登录入口,seo内容标题lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。