通过拖动标签将标签中的文本复制到特定段落中

时间:2015-08-01 12:11:06

标签: javascript jquery html drag-and-drop

我想将以下标签中的文字复制到特定的courser拖动点,例如

< label id =“text_to_be_copied”>我是学生< / label>

所以我有一个下面的段落

< p为H.这是我想通过拖动标签标签< / p>来复制标签文字的内容

好像我将标签拖到文本“这是我想要的内容”

之后的段落中 在此点之后拖动

标签

所以拖动它后会看起来像

< p为H.这是我希望我是学生通过拖动标签标签< / p>来复制标签文字的内容

感谢

2 个答案:

答案 0 :(得分:1)

您可以使用HTML 5 Drag and Drop

Line DEMO on codepen

运行示例代码:

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.innerText = document.getElementById(data).innerText;
}
label, p{
  border: 1px solid #ccc;
}

p {
  min-height: 100px;
}
<label id="text_to_be_copied" draggable="true" ondragstart="drag(event)"> i am a student </label>
  
<p  ondrop="drop(event)" ondragover="allowDrop(event)">  </p>

答案 1 :(得分:0)

    while( mode == 1 || mode == 2 ) {
    switch(mode){
    case 1:
        do{
            System.out.print("Enter name:");
            name = hold.nextLine();
            namelist.add(name);

            System.out.print("Do you want to add a name again?(y/n):");
            response = hold.nextLine();
            if(response.equalsIgnoreCase("n")){
                mode = getMode(); // <---- set mode
            }

        }while(response.equalsIgnoreCase("y"));
        break;
    case 2:
        for(int x = 0;x < namelist.size();x++){
            System.out.println(namelist.get(x));

        }
        mode=-1; // <--- break out
        break;
    default:
        System.out.print("ERROR!");
        mode = -1; 
        break;
    }
}
}

你想要这样..?

将一个字段值拖到另一个字段

示例:http://jsfiddle.net/pxfunc/5kpeJ/