Drag and Drop. Файл открывается в браузере

столкнулся со следующей проблемой - не получается отменить действие браузера по умолчанию при перетаскивании файла с рабочего стола, тобишь он тупо открывает его во вкладке. Смотрел кучу примеров, где люди так же используют метод preventDefault у объекта события, но у меня оно почему-то не работает.

HTML

<div class="table-container">
    <table id="drivers-table" class="empty">
        <tr class="caption">
            <td>Дата получения</td>
            <td class="functional">Статус</td>
        </tr>
        <tr class="nodata">
            <td colspan="2">Записей нет</td>
        </tr>
    </table>
    <div class="table-triggers">
        <div class="trigger disabled" id="back"></div>
        <div class="trigger-display">1 из 1</div>
        <div class="trigger disabled" id="forward"></div>
        <div class="rowcount">Записей: 0</div>
    </div>
    <div class="dragndrop"></div>       
</div>

JS

$.fn.dragAndDrop = function() {
    var elements = this;
    elements.each( function( index ) {
        var table = elements[ index ],
            field = $( $( table ).find( '.dragndrop' ) );
        table.addEventListener( 'dragenter', function() {
            field.show().addClass( 'act' );
            console.log( 'in' );
            return false;
        }, false );
        field[ 0 ].addEventListener( 'dragleave', function() {
            field.hide().removeClass( 'act' );
            console.log( 'out' );
            return false;
        }, false );
        field[ 0 ].addEventListener( 'drop', function( event ) {
            event.preventDefault();
            console.log( e );
        } );
    } );
};
$( '.table-container' ).dragAndDrop();