html5 drag

/** 指标拖拽 **/
 
    $('.drag-item').each(function () {
 
        $(this).on('dragstart', function (ev) {
 
            $('.drag-target').css('background-color', '#eef7ff');
 
            var dt = ev.originalEvent.dataTransfer;
 
            dt.setData('Text', this.attr('data-name') + ',' + this.attr('data-id'));
 
            
 
        }).on('dragend', function () {
 
            $('.drag-target').css('background-color', 'transparent');
 
        });
 
    });
 
 
 
    $('body').on('dragover','.drag-target', function (ev) {
 
        ev.preventDefault();
 
    }).on('drop','.drag-target', function (ev) {
 
        ev.preventDefault();
 
        var data = ev.originalEvent.dataTransfer.getData("Text");
 
        var dataList = data.split(',');
 
        $(this).find('ul.axis-tag-list').append('<li><span class="axis-tag-name"' + 'data-id="' + dataList[0] + '">' + dataList[1] + '</span><a href=""><i class="fa fa-times-circle mr-5"></i></a ></li>');
 
    });

说明：drag-item是拖拽元素的class，drag-target是拖拽的目标元素的class。