`
zjq_blog
  • 浏览: 48793 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类：
  • JS
HTML浏览器 
阅读更多
问题描述：
打开两个窗口，或者一个子窗口，或者一个浮动的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" onclick="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;"   取消右键菜单
分享到：
| orcale的分页语句
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics