Jak usunąć powiązanie detektora wywołującego event.preventDefault() (przy użyciu jQuery)?

Question

jQuery toggle calls preventDefault() domyślnie, więc domyślne ustawienia nie działają. Nie można kliknąć pola wyboru, nie można kliknąć łącza itp. Itd.

Czy możliwe jest przywrócenie domyślnego programu obsługi?

Answer 1

w niektórych przypadkach * możesz początkowo return false zamiast e.preventDefault(), a następnie, gdy chcesz przywrócić domyślną wartość return true.

* Znaczenie jeśli nie przeszkadza pęcherzyków zdarzeń i nie używać e.stopPropagation() wraz z e.preventDefault()

także zobaczyć similar question (także w przepełnienie stosu)

lub w przypadku wyboru ty może mieć coś takiego:

$(element).toggle(function(){ 
    $(":checkbox").attr('disabled', true); 
    }, 
function(){ 
    $(":checkbox").removeAttr('disabled'); 
}) 

Answer 2

nie jest możliwe, aby przywrócić preventDefault() ale co można zrobić, to oszukać go :)

<div id="t1">Toggle</div> 
<script type="javascript"> 
$('#t1').click(function (e){ 
    if($(this).hasClass('prevented')){ 
     e.preventDefault(); 
     $(this).removeClass('prevented'); 
    }else{ 
     $(this).addClass('prevented'); 
    } 
}); 
</script> 

Jeśli chcesz pójść o krok dalej, możesz nawet użyć przycisku wyzwalacza, aby uruchomić zdarzenie.

Answer 3

Jego dość prosta

Pozwala przypuszczać można zrobić coś podobnego

document.ontouchmove = function(e){ e.preventDefault(); } 

teraz, aby przywrócić go do pierwotnej sytuacji, wykonaj poniżej ...

document.ontouchmove = function(e){ return true; } 

Od tego website.

Answer 4

Nie jestem pewien co masz na myśli: ale tu jest rozwiązanie dla podobnego (i ewentualnie sam) problem ...

często używam preventDefault(), aby przechwycić przedmiotów. Jednak: nie jest to jedyna metoda przechwytywania ... często możesz po prostu chcieć "pytania", po którym zachowanie zachowuje się tak jak poprzednio lub przestaje. W ostatnim przypadku użyłem następujące rozwiązanie:

$("#content").on('click', '#replace', (function(event){ return confirm('Are you sure you want to do that?') }));

Zasadniczo, „zapobiec domyślne” ma przechwytywać i zrobić coś innego: „Potwierdź” przeznaczony jest do stosowania w dobrze ... - potwierdzam!

Answer 5

W moim przypadku:

$('#some_link').click(function(event){ 
    event.preventDefault(); 
}); 

$('#some_link').unbind('click'); pracował jako jedynej metody przywrócenia domyślnego działania.

Jak widać tutaj: https://stackoverflow.com/a/1673570/211514

Answer 6

Wyłącz:

document.ontouchstart = function(e){ e.preventDefault(); } 

Włącz:

document.ontouchstart = function(e){ return true; } 

Answer 7

można przywrócić domyślną akcję (jeśli jest kontynuacją HREF) w ten sposób:

window.location = $(this).attr('href');

Answer 8

przetestować ten kod, myślę rozwiązać swój problem:

event.stopPropagation(); 

Reference

Answer 9

function DoPrevent(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
} 

// Bind: 
$(element).on('click', DoPrevent); 

// UnBind: 
$(element).off('click', DoPrevent); 

Answer 10

miałem problem gdzie potrzebne domyślną akcję dopiero po pewnym akcji niestandardowej (enable na inaczej niepełnosprawnych pól wejściowych formularz). Zapakowałem domyślną akcję (submit()) do własnej funkcji rekursywnej (dosubmit()).

var prevdef=true; 
var dosubmit=function(){ 
    if(prevdef==true){ 
     //here we can do something else first// 
     prevdef=false; 
     dosubmit(); 
    } 
    else{ 
     $(this).submit();//which was the default action 
    } 
}; 

$('input#somebutton').click(function(){dosubmit()}); 

Answer 11

$('#my_elementtt').click(function(event){ 
    trigger('click'); 
}); 

Answer 12

Najlepszym sposobem, aby to zrobić za pomocą nazw. To jest bezpieczny sposób. Tutaj .rb to przestrzeń nazw, która zapewnia, że ​​funkcja unbind działa na danym kluczu, ale nie na innych.

$(document).bind('keydown.rb','Ctrl+r',function(e){ 
      e.stopImmediatePropagation(); 
      return false; 
     }); 

$(document).unbind('keydown.rb'); 

ref1: http://idodev.co.uk/2014/01/safely-binding-to-events-using-namespaces-in-jquery/

ref2: http://jqfundamentals.com/chapter/events

Answer 13

jeśli jest to związek następnie $(this).unbind("click"); by ponownie włączyć kliknięcie łącza i zachowanie domyślne zostanie przywrócone.

Stworzyłem a demo JS fiddle aby pokazać, jak to działa:

Oto kod skrzypiec JS:

HTML:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<a href="http://jquery.com">Default click action is prevented, only on the third click it would be enabled</a> 
<div id="log"></div> 

Javascript:

<script> 
var counter = 1; 
$(document).ready(function(){ 
$("a").click(function(event) { 
    event.preventDefault(); 

    $("<div>") 
    .append("default " + event.type + " prevented "+counter) 
    .appendTo("#log"); 

    if(counter == 2) 
    { 
     $("<div>") 
    .append("now enable click") 
    .appendTo("#log"); 

    $(this).unbind("click");//-----this code unbinds the e.preventDefault() and restores the link clicking behavior 
    } 
    else 
    { 
     $("<div>") 
    .append("still disabled") 
    .appendTo("#log"); 
    } 
    counter++; 
}); 
}); 
</script> 

Answer 14

Użyj wartości logicznej:

let prevent_touch = true; 
document.documentElement.addEventListener('touchmove', touchMove, false); 
function touchMove(event) { 
    if (prevent_touch) event.preventDefault(); 
} 

Używam tego w progresywnej aplikacji internetowej, aby zapobiec przewijaniu/powiększaniu niektórych "stron", jednocześnie pozwalając innym.

Answer 15

Możesz ustawić tak, aby tworzyły 2 klasy. Po ustawieniu skryptu JS na jednym z nich, jeśli chcesz wyłączyć skrypt, po prostu usuń klasę za pomocą skryptu związanego z tego formularza.

HTML:

<form class="form-create-container form-create"> </form> 

JS

$(document).on('submit', '.form-create', function(){ 
..... ..... ..... 
$('.form-create-container').removeClass('form-create').submit(); 

});