event.preventDefault() metodu, vazgeçirilebilen bir Olayın ilgili element ve olay tipi için engellenmesini sağlar. Bu vazgeçirme işleminde olay akışı kesilmeyerek devam eder. Olay akışını kesmek için event.stopPropagation() metodu kullanılmalıdır.
Sözdizimi
event.preventDefault()
Aşağıdaki örnek, iki input:radio girişinde event.preventDefault() metodu kullanılarak seçim yapılmasının engellenmesini göstermektedir.
<input type="radio" id="radyoEvet" name="evethayir"/>
<label for="radyoEvet">EVET</label>
<input type="radio" id="radyoHayir" name="evethayir"/>
<label for="radyoHayir">HAYIR</label>
<br/>
<input type="button" value="Seçimleri Engelle" onClick="engelle()"/>
<input type="button" value="Seçimlere İzin Ver" onClick="izinVer()"/>
<script type="text/javascript">
var radyoEvet = document.getElementById('radyoEvet');
var radyoHayir = document.getElementById('radyoHayir');
function engelFonk(olay) {
olay.preventDefault();
}
function engelle() {
radyoEvet.addEventListener('click', engelFonk, false);
radyoHayir.addEventListener('click', engelFonk, false);
}
function izinVer() {
radyoEvet.removeEventListener('click', engelFonk, false);
radyoHayir.removeEventListener('click', engelFonk, false);
}
</script>
Test Edin