| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3696 人关注过本帖
标题:js拖拽功能实现了。可是怎样让拖拽的元素禁止拖拽到另外的元素内部呢?
只看楼主 加入收藏
小薛薛
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2016-7-13
收藏
 问题点数:0 回复次数:0 
js拖拽功能实现了。可是怎样让拖拽的元素禁止拖拽到另外的元素内部呢?
js拖拽功能实现了。可是怎样让拖拽的元素禁止拖拽到另外的元素内部呢?
详情请看js的已写的内容
function drop(ev)
{
    type_title = "<div class='alert fade in' style='margin:0'>\
                   <button type='button' class='close' data-dismiss='alert'>x</button>\
                   <input class='form-control' placeholder='请输入标题或正文:'/>\
                  </div>";
    type_text  = "<div class='alert fade in' style='margin:0'>\
                    <button type='button' class='close' data-dismiss='alert'>x</button>\
                    <textarea id='compose-textarea' class='form-control'  style='height: 200px'>请输入任务的详细信息:</textarea>\
                  </div>";
    type_img   = "<div class='alert fade in' style='margin:0'>\
                    <button type='button' class='close' data-dismiss='alert'>x</button>\
                    <p style='font-size:18px; color:#000;'>照片:</p>\
                    <button onclick='' class='btn btn-large btn-primary' type='button' style='margin-right:0; float:right;margin-top:5px;'>添加照片</button>\
                    <img src='../../dist/img/photo3.png' class='img-polaroid' style='width:30%'>\
                  </div>";
    type_audio = "<div class='alert fade in' style='margin:0'>\
                  <button type='button' class='close' data-dismiss='alert'>x</button>\
                  <p style='font-size:18px; color:#000; margin-top:10px;'>语音:</p>\
                  <div class='col-md-12'>\
                  <div class='col-md-9'><audio src='#' controls style='width:100%'></audio></div>\
                  <div class='col-md-3'><button onclick='' class='btn' type='button' style='margin-right:0; float:right;'>添加语音</button></div>\
                  </div>\
                  </div>";
    type_form = "<div class='alert fade in' style='display:block;margin-top:10px; margin-left:15px;'>\
                  <button type='button' class='close' data-dismiss='alert'>x</button>\
                  <p style='font-size:18px; color:#000; margin-top:10px;'>表格:</p>\
                  <from action='' enctype='multipart/from-data' method='post'>\
                    <input type='file' name='file3' />\
                  </from>\
                </div>";
  
    ev.preventDefault();
    var type=ev.dataTransfer.getData('Text');
    if(type=="title")
      ev.target.innerHTML =  ev.target.innerHTML+type_title;
    else if(type=="text")
      ev.target.innerHTML =  ev.target.innerHTML+type_text;
    else if(type=="img")
      ev.target.innerHTML =  ev.target.innerHTML+type_img;
    else if(type=="audio")
      ev.target.innerHTML =  ev.target.innerHTML+type_audio;
    else if(type=="form")
      ev.target.innerHTML =  ev.target.innerHTML+type_form;
}
搜索更多相关主题的帖子: function button close style 元素 
2016-07-13 10:25
快速回复:js拖拽功能实现了。可是怎样让拖拽的元素禁止拖拽到另外的元素内部呢? ...
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.053404 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved