Добавление Javascript e.preventDefault(); к скрипту

Question

Как всегда большое спасибо за помощь заранее!

У меня есть набор скриптов, запущенных на странице, и у вас возникли проблемы с ними по умолчанию. Мне удалось исправить большинство из них с помощью e.preventDefault(); но просто не могу разобраться с этим, как его структурировать. Это может быть по утрам утром, идиотство с моей стороны, чтобы быть честным lol Это и очень зеленое с java-скриптом.

$(document.body).on('change', 'select#category-navbar', function() { 
$('.selected-value').text($(this).val()); 
}); 

Но любая помощь будет оценена по достоинству, так как мне просто нужно добавить e.preventDefault(); к этому сценарию, и все должно быть денди.

РЕДАКТИРОВАТЬ

Это сценарий, который появляется выше один, чтобы быть недобросовестным:

$(document).ready(function() { 

    $('.verdana').click(function(e) { 
    $('#changeMe').css('font-family','verdana'); 
    e.preventDefault(); 
}); 

    $('.arial').click(function(e) { 
    $('#changeMe').css('font-family','arial'); 
    e.preventDefault(); 
}); 

    $('.tahoma').click(function(e) { 
    $('#changeMe').css('font-family','tahoma'); 
    e.preventDefault(); 
}); 

    $('.times').click(function(e) { 
    $('#changeMe').css('font-family','times'); 
    e.preventDefault(); 
}); 

    $('.copperplatebold').click(function(e) { 
    $('#changeMe').css('font-family','copperplatebold'); 
    e.preventDefault(); 
}); 

    $('swiss721').click(function(e) { 
    $('#changeMe').css('font-family','swiss721'); 
    e.preventDefault(); 
}); 

    $('.baskerville').click(function(e) { 
    $('#changeMe').css('font-family','baskerville'); 
    e.preventDefault(); 
}); 

    $('.oldenglish').click(function(e) { 
    $('#changeMe').css('font-family','oldenglish'); 
    e.preventDefault(); 
}); 


    $('.timesnewroman').click(function(e) { 
    $('#changeMe').css('font-family','timesnewroman'); 
    e.preventDefault(); 
}); 

    $('.castellar').click(function(e) { 
    $('#changeMe').css('font-family','castellar'); 
    e.preventDefault(); 
}); 

    $('.calibri').click(function(e) { 
    $('#changeMe').css('font-family','calibri'); 
    e.preventDefault(); 
}); 

    $('.scriptmtbold').click(function(e) { 
    $('#changeMe').css('font-family','scriptmtbold'); 
    e.preventDefault(); 
}); 
$('.lucidacal').click(function(e) { 

    e.preventDefault(); 
}); 

// select font in dropdown list to change font-family of #changeMe 
$('select').change(function() { 
    if($(this).val() == "Default font"){ 
     $('#changeMe').css('font-family',""); 
    }else{ 
     $('#changeMe').css('font-family',$(this).val()); 
    } 

}); 

e.preventDefault(); });

Answer 1

Вы имеете в виду это?

$(document.body).on('change', 'select#category-navbar', function(e) { 
    $('.selected-value').text($(this).val()); 
    e.preventDefault(); 
}); 

Answer 2

Вы должны прочитать больше на docs

.Кнопкой ([данныеСобытия], обработчик)

обработчика: Тип: Function (Event объектСобытия)

$(document.body).on('change', 'select#category-navbar', function(e) { // add event 
    e.preventDefault(); // add prevent default 
    $('.selected-value').text($(this).val()); 
}); 

Answer 3

Вы должны добавить объект события внутри своей функции.

$(document.body).on('change', 'select#category-navbar', function(event) { 
    $('.selected-value').text($(this).val()); 
    event.preventDefault(); 
}); 

Answer 4

e.preventDefault() stops the browser from performing the default action, but lets the event propagate to all event handlers

Если вы хотите, чтобы остановить другие обработчики событий работает, вы можете вызвать e.stopPropagation() или e.stopImmediatePropagation() в зависимости от ситуации.

Это небольшая опасность hap, хотя, поскольку она будет зависеть от того, какие элементы вы связали слушателю событий, и в каком порядке они были связаны.