Javascript adding e.preventDefault（）;以腳本

Question

一如既往非常感謝提前的幫助！

我有一組腳本運行在一個頁面上，並且一直在與他們相互默認相關的問題。我已經設法解決大部分與e.preventDefault（）;但只是不能解決這個問題，如何構建它。這可能是星期一早上白癡對我來說是誠實的大聲笑，並與Java腳本非常綠色。

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

但是，你們的幫助將超級讚賞，因爲我只需要添加e.preventDefault（）;到這個劇本，它應該都是花花公子。

EDIT

這是上述一個似乎是默認腳本：

$(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

.change（[EVENTDATA]，處理程序）

處理：型號：功能（事件eventObject）傳遞

$(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()。

雖然這是一個小小的危險，因爲它將取決於您綁定事件偵聽器的哪些元素以及它們綁定的順序。