js 若 拖动 div中的图片到 div 框架之外的区域 则该图片就隐藏

js 若 拖动 div中的图片到 div 框架之外的区域 则该图片就隐藏

12个回答

如果你的拖动是鼠标按下事件,那么在鼠标松开事件里面添加就行了

qq_23126581
渊渟无迹静涛君 谢谢
大约 2 年之前 回复

逻辑不对啊,你既然是拖动图片到框架外,那么又有谁强制规定你必须松开鼠标,或者继续点击拖动呢。
所以,你需要给你的img设置一个drage事件,在框架外围设置一层虚拟的“护栏”,用于检测,img是否完全被拖出了框架,如果是,只需要settimeout()渐进
的方式去使得display:block,当然也可以用jQuery 的$("img”).hide("slow")进行缓慢的一隐藏,达到一个很好的交互效果。

通过计算框的大小和拖动距离之间的数值关系,然后在加上隐藏效果

jquery动态隐藏显示就可以了

a1133997700
a1133997700 这个是最后一步了。判断位子呢
大约 2 年之前 回复

你拖动是个事件吧,在事件结束时获取鼠标当前坐标。然后计算鼠标是否在div里面。
js判断鼠标位置是否在div里面

给鼠标一个点击事件,然后再鼠标松开的事件中去判断鼠标坐标位置,不在div中直接隐藏图片就行了

是一个拖动事件,计算好范围,超出这个范围就隐藏

jquery可以的,看看相关框架api

给它一定范围,当鼠标按着拖出去这个范围,鼠标松开即刻隐藏

图片坐标,鼠标事件,点击按钮事件

共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐