js中如何拖动DIV中的图片？

如题所述

推荐答案推荐于2019-09-24

代码放出来看看

是不是冒泡和捕获的问题
试试简单的，看看点击图片时 div上的onclick事件有没有被触发

// 看起来是使用 jquery ,代码贴完整些吧，
this.mousedown(function(){
中this是指向什么对象都没看出来

//加一个 return false
//另外 event.offsetX 并不兼容 firefox

$(document).mousemove(function(){
if(movestart){
$("#id1").css("left",event.clientX-x1+"px");
$("#id1").css("top",event.clientY-y1+"px");
return false;
}

})

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/vWeeWejzt7tWeetBztO.html

相似回答

想在一个div里面添加图片,用js怎么写啊?答：1、新建一个HTML文件，保存为test.html，用于编写代码实现拖放功能 。2、在test.html添加一个div标签，并且给它一个id，用于下面编写样式。3、通过div的id , 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。4、在div的下面定义一张被拖放图片，并设置...

...图片会在原位置复制一次。复制的图片可以随意拖拉。js如何实现...答：只能给你逻辑鼠标放在图片上，当按下鼠标时，就触发复制事件，clone这个方法再把复制出来的图片样式设置绝对定位，鼠标移动就触发鼠标拖动事件，再获取X和Y坐标的值，赋给复制出来的图片就可以。

...点击图片01 关闭div(不是隐藏)) 2.图片02拖动div移动在线等谢谢...答：s_dragdrop.call(document.getElementById('img2'),document.getElementById('div'));//如果想拖动元素本身让其本身移动则,将参数去掉即可 //s_dragdrop.call(document.getElementById('img2'));};</script> <body> <div id='div' style="position:absolute;left:0px;top:0px;"><img src...

用JS做个div图层的移动答：我做了一个demo，你看行不，下面是简要代码，把div层中内容替换即可 --- <html> <head> </head> <style type="text/css"> </style> <body> <span style='float:left;'><input type='button' id='btn1' value='第一个按钮' onclick='moveLeft();'/></span> <div id='parent' ...

js div 问题,如让让 div中的图片拖动到该div 以外的区域就隐藏 div...答：<style> div {width:300px; height:300px; padding:10px; border:1px solid #f00} div img {width:100px; height:100px}</style><div id="box"><img src="图片1" draggable="true"/><img src="图片2" draggable="true"/><img src="图片3" draggable="true"/></div><...

两个不同的div,如何用js的hover改变另外一个的图片答：可以是可以，就是你在写html结构的时候，一定要把另一个元素写在你hover的元素里面，即要求hover的元素是父元素，移动的元素是子元素，然后写css的时候可以 div.hover a {...;}

请讲一下在不用第三方库的情况下如何用JS实现DIV对象的拖动和大小调整...答：拖动，，，三个事件，，一个是onmousedown 之后让move=1 然后onmouse事件，if(move==1){ 窗口随鼠标移动} 然后onmuoseup事件，让move=0；在移动过程中，。最好用setcaoture锁定对象。否则移动太快会出问题调整大小就是在div的左下角加个层同上计算鼠标滑动的 x 。y 然后对窗口大小...

JS获取某DIV区域内图片或带ID属性的IMG图片代码答：第一种：(function(){ (".imgabcdefg img").css("width","100px");})第二种：<script> (function(){ (".head_menu ul").find("li").each(function(){ (this).each(function(){ if($(this).attr("id")){ alert($(this).html());//alert($(this).attr("id"));} });})...

js;图片向两边拉开效果,div里原来有一个图片,然后点击图片上一个点...答：<div class="l"></div> <div class="r"></div> </div> 你可以把下一张的图片作为.imgList的背景，当前的图片作为.l与.r的背景图片（.l与.r各占图片的一半大小）；当点击.l或者.r上的图片时，动态改变他们的位置，即向两边移动，那么就可以实现你要的效果了。。或者，用html5的canvas ...

大家正在搜

ps中如何拖动图片 ps中怎么拖动图片到另外一张图中文档中如何拖动图片 pdf图片中的数据怎么拖动为什么ps中图片拖动不了 js如何实现拖动吸附怎样在word中拖动图片图片在word中不能拖动怎么处理如何拖动窗口