Javascript 添加 e.preventDefault();编写脚本

Question

一如既往，非常感谢您提前提供的帮助!

我在页面上运行了一组脚本，并且在它们相互默认时遇到了问题。我已经设法用 e.preventDefault(); 修复了大部分问题。但就是无法弄清楚如何构建它。说实话，这可能是周一早上的愚蠢行为，哈哈，而且我对 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

您应该阅读有关 docs 的更多内容

.change( [eventData ], handler )

handler: Type: Function( Event eventObject )

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