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

虽然这是一个小小的危险，因为它将取决于您绑定事件侦听器的哪些元素以及它们绑定的顺序。