ntjm.net
当前位置:首页 >> 在html里鼠标拖动图片如何拖动到图片边缘以后,就不再能拖动? >>

在html里鼠标拖动图片如何拖动到图片边缘以后,就不再能拖动?

你是从网上下个这样的效果,然后有BUG是么,不是你自己写的对么,第一个问题,如果你不想拖出去的话,拖动时,当X和Y值大于你这个DIV最大的那个值,也就是,到最边的时候,值就等于那个最边,这样就不会出去了,第二个问题,他应该是,把拖动时的值显示出来了,你不想要的话,在JS把那一句给删除就可以了,如果不知道在哪,用个笨方法,用CSS把那个DIV隐藏,或用个DIV把他盖住,就行了.

你说的那个是FLASH.验证方法很简单,你把鼠标移上去,右键,如果是html元素,那么肯定有查看源码之类的;如果显示是放大,设置,用flash player播放等等,那么就是flash的.如果你要实现,就要去学FLASH ACTION SCRIPT

阻止事件冒泡 e.stopPropagation() IE window.event.cancelBubble = true; 阻止时事件默认 e.preventDefault() IE window.event.returnValue = false; 或者你要把e兼容处理就是 e = e || window.event;阻止事件冒泡 e.stopPropagation() IE e.cancelBubble = true; 阻止时事件默认 e.preventDefault() IE e.returnValue = false;

因为你已经给里面的和外面的都定义了一个边框 只能内部移动 不能外部移动 除非你把外边的边框去掉 但是在代码里面可以 直接在代码里面把那一段移动到右边的矩形框内的代码里面就行了

父盒子设置宽高和overflow:hidd;然后给你的鼠标注册拖动事件

因为你放在图片上,默认为你在拖动图片,最好把drag()这个函数贴出来

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <title>禁止鼠标拖动图片在新窗口打开</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码

控制面板里有鼠标的图案 点击进入页面设置就可以了

HTML5 的新属性 drag 可以实现这个效果如果想出现拖动的动画效果 就用 JS 的 onmousedown 和 onmousemove 来实现

换个浏览器吧 很多浏览器都可以的

相关文档
fpbl.net | qyhf.net | zdhh.net | 9371.net | jtlm.net | 网站首页 | 网站地图
All rights reserved Powered by www.ntjm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com