jQuery.trigger('click') 导致 IE8 中的“更改”事件

Question

$('#myRadioButton').change(function(event) {
    var eventType = event.type;
    $(this).trigger('click'); // In IE8 only, this results in endless loop
});

The code snippet above results in a change event being fired in IE8 and hence an endless loop is started when my radio button is selected. This is not the expected behaviour, as a 'click' event certainly is not a 'change' event. In other browsers and IE9+ the code works as expected (ie, not an endless loop).

The variable eventType equals "change" in IE8, both for initial, user triggered 'change' event, but also for the subsequent calls to itself.

What is the reason for this behavior and how to stop IE8 from being a jerk and act like a normal browser?

Best regards!

Answer 1

Reason - no idea sorry.

'Work Around' :-

function radioChange() {
    $(this).off('change', radioChange);
    $(this).trigger('click');
    $(this).on('change', radioChange);
}

$('#myRadioButton').change(radioChange);

trigger is synchronous, so removing the change , then triggering the click , then re-attach the change should work.