Блог

Я хотел бы спросить, возможно ли это в HTML5, перетащите строку, но отбросьте только значение ячейки. Основываясь на документации по перетаскиванию, он может содержать только 1 элемент, если вы не примените несколько элементов, которые, я думаю, потребуют определенных возможностей браузера, подобных этому в MDN.

У меня здесь есть пример кода, но он может обрабатывать только перетаскивание значения ячейки для добавления в текстовое поле. Моя цель-перетащить строку, но поместить в текстовое поле только значения td.

 function dragstart_handler(ev) {
    console.log("dragStart: target.id = "   ev.target.id);
    ev.dataTransfer.setData("text/plain", ev.target.innerHTML);       
    ev.dataTransfer.effectAllowed = "copy";
}

function drop_handler(ev) {
    console.log("drop: target.id = "   ev.target.id);
    console.log("datatransfer = "   ev.target);
    ev.preventDefault();
    // Get the id of the target and add the moved element to the target's DOM
   
    var data = parseInt(ev.dataTransfer.getData("text"));
    var id = ev.dataTransfer.id;
    var old = parseInt(ev.target.value);
    var total = data   old;

    console.log('data: '   data);
    console.log('old: '   old);
    console.log('total: '   total);
    console.log('id: '   id);

    //ev.target.appendChild(document.getElementById(data));
    ev.target.value = total;        
}

function dragover_handler(ev) {
    console.log("dragOver");
    ev.preventDefault();
    // Set the dropEffect to move
    ev.dataTransfer.dropEffect = "copy"
}
 

https://jsfiddle.net/larry_magnetic/o8f7zvLx/15/