Làm cách nào để hủy liên kết người nghe đang gọi event.preventDefault () (sử dụng jQuery)?

jquery chuyển đổi các cuộc gọi notifyDefault () theo mặc định, vì vậy các mặc định không hoạt động. bạn không thể nhấp vào một hộp kiểm, bạn không thể nhấp vào một liên kết, v.v.

Có thể khôi phục trình xử lý mặc định?

Trong trường hợp của tôi:

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

$('#some_link').unbind('click'); làm việc như là phương pháp duy nhất để khôi phục hành động mặc định.

Như đã thấy ở đây: https://stackoverflow.com/a/1673570/211514

Nó khá đơn giản

Hãy cho rằng bạn làm một cái gì đó như

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

Bây giờ để hoàn nguyên nó về tình huống ban đầu, hãy làm như sau ...

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

Từ trang web này .

Không thể khôi phục preventDefault()nhưng điều bạn có thể làm là lừa nó :)

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

Nếu bạn muốn tiến thêm một bước, bạn thậm chí có thể sử dụng nút kích hoạt để kích hoạt một sự kiện.

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

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

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

trong một số trường hợp * ban đầu bạn có thể return falsethay vì e.preventDefault()sau đó khi bạn muốn khôi phục lại mặc định return true.

* Có nghĩa là khi bạn không bận tâm đến sự kiện sủi bọt và bạn không sử dụng e.stopPropagation()cùng vớie.preventDefault()

Cũng thấy câu hỏi tương tự (cũng trong stack Overflow)

hoặc trong trường hợp hộp kiểm, bạn có thể có một cái gì đó như:

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

Bạn có thể khôi phục hành động mặc định (nếu đó là theo dõi HREF) bằng cách thực hiện việc này:

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

nếu đó là một liên kết thì $(this).unbind("click");sẽ kích hoạt lại nhấp vào liên kết và hành vi mặc định sẽ được khôi phục.

Tôi đã tạo một fiddle JS demo để chứng minh cách thức hoạt động của nó:

Đây là mã của fiddle 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>

Kiểm tra mã này, tôi nghĩ giải quyết vấn đề của bạn:

event.stopPropagation();

Tài liệu tham khảo

Cách tốt nhất để làm điều này bằng cách sử dụng không gian tên. Đó là một cách an toàn và an toàn. Ở đây .rb là không gian tên đảm bảo chức năng hủy liên kết hoạt động trên phím tắt cụ thể đó nhưng không phải trên các phím khác.

$(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-USE-namespaces-in-jquery/

ref2: http://jqfundamentals.com/ch CHƯƠNG / event

Vô hiệu hóa:

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

Cho phép:

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

Phương thức notifyDefault () của giao diện Sự kiện cho tác nhân người dùng biết rằng nếu sự kiện không được xử lý rõ ràng, thì hành động mặc định của nó sẽ không được thực hiện như bình thường. Sự kiện tiếp tục lan truyền như bình thường, trừ khi một trong những người nghe sự kiện của nó gọi stopPropagation () hoặc stopImmediatePropagation (), một trong hai kết thúc việc truyền bá cùng một lúc.

Việc gọi ngăn chặnDefault () trong bất kỳ giai đoạn nào của luồng sự kiện sẽ hủy sự kiện, nghĩa là mọi hành động mặc định thường được thực hiện do thực hiện do kết quả của sự kiện sẽ không xảy ra.

Bạn có thể sử dụng Event.catteryable để kiểm tra xem sự kiện có thể hủy được không. Gọi ngăn chặnDefault () cho một sự kiện không thể hủy bỏ không có hiệu lực.

window.onKeydown = event => {
    /*
        if the control button is pressed, the event.ctrKey 
        will be the value  [true]
    */

    if (event.ctrKey && event.keyCode == 83) {
        event.preventDefault();
        // you function in here.
    }
}

Tôi đã gặp sự cố khi tôi chỉ cần hành động mặc định sau khi một số hành động tùy chỉnh (cho phép các trường nhập bị vô hiệu hóa khác trên một biểu mẫu) đã kết thúc. Tôi đã bọc hành động mặc định (submit ()) thành một hàm đệ quy riêng (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()});

Sử dụng một boolean:

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

Tôi sử dụng điều này trong Ứng dụng web lũy tiến để ngăn cuộn / phóng to trên một số 'trang' trong khi cho phép những người khác.

Bạn có thể thiết lập để tạo thành 2 lớp. Sau khi bạn đặt tập lệnh JS của bạn thành một trong số chúng, khi bạn muốn tắt tập lệnh của mình, bạn chỉ cần xóa lớp với tập lệnh được liên kết khỏi biểu mẫu này.

HTML:

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

Mã não

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

});

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

Tôi không chắc bạn có ý gì: nhưng đây là một giải pháp cho một vấn đề tương tự (và có thể giống nhau) ...

Tôi thường sử dụng ngăn chặnDefault () để chặn các mục. Tuy nhiên: đó không phải là phương pháp đánh chặn duy nhất ... thường thì bạn có thể chỉ muốn có một "câu hỏi" theo sau hành vi nào tiếp tục như trước hoặc dừng lại. Trong một trường hợp gần đây tôi đã sử dụng giải pháp sau đây:

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

Về cơ bản, "ngăn chặn mặc định" có nghĩa là chặn và làm một việc khác: "xác nhận" được thiết kế để sử dụng trong ... xác nhận!