html 中img标签中的图片拖拽和选中

zjq_blog · 发表于 2013-2-7 21:17:03

问题描述：
打开两个窗口，或者一个子窗口，或者一个浮动的div。top中包含图片，使用鼠标将top中的图片拖拽到parent中。window的history会记住这个连接。浏览器默认的允许拖拽，可以使用ondragstart="return false;"取消拖拽。
例如：
1，test_img2.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script>
  function showImg(){
window.open("test_img.html");
  }
</script>
<body>
<input type="button" value="showImg"  />
</body>
</html>
2,test_img.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<img src="IMG_1806.JPG" width="100" height="100" ondragstart="return false;"  />
</body>
</html>
onselectstart="return false;"页面内容无法选中
ondragstart="return false;" 页面内容无法脱拽
onhelp="return false;" 取消F1的帮助功能
oncontextmenu="return false;" 取消右键菜单

		自动登录	找回密码
密码			立即注册

html 中img标签中的图片拖拽和选中

浏览过的版块