检查和单选按钮的HTML5拖放

时间:2016-05-21 16:00:50

标签: javascript jquery html html5

我有一个表单,我有文本字段,复选框,单选按钮。我添加了一些拖放事件(HTML5)。它适用于文本输入类型,但不适用于收音机和复选框输入类型。 我们对此有任何限制吗? 复选框的代码:

    var mastercheck = document.getElementById("master_check");
        console.log(" check "+ mastercheck);
        mastercheck.addEventListener('dragstart', checkdragStart, false);
        mastercheck.addEventListener('dragend'  , dragEnd  , false);

function checkdragStart(event) {
        console.log("checkdrag");
            event.dataTransfer.setData('text/html', "checkbox");
        event.dataTransfer.effectAllowed="copy";
        } 
    function dragEnd(event) {
        }

文字代码:

var mastertext = document.getElementById("master_name");

    mastertext.addEventListener('dragstart', textdragStart, false);
    mastertext.addEventListener('dragend'  , dragEnd  , false);

 function textdragStart(event) {
    console.log("textdrag");
        event.dataTransfer.setData('text/html', "text");
    event.dataTransfer.effectAllowed="copy";
}

HTML code:

[A] <input type="text" draggable="true" id="master_name" size="5" value=""></br>
[check] <input type="checkbox" draggable="true" id="master_check" value=""></br>

我在这里做错了什么?

0 个答案:

没有答案