同じ値を選択するとchangeイベントが発火しない

by FiNGAHOLiC

HTML

<div id="wrapper">
<select>
    <option value="hoge">hoge</option>
    <option value="moge">moge</option>
    <option value="hige">hige</option>
</select>
</div>

CSS

#wrapper.focus {
    background: red;
}

JavaScript

$(function(){
        
    var $wrapper = $('#wrapper');
    
    var $select = $('select');
    
    $select
    .on('focus', function(){
        $wrapper.addClass('focus');
    })
    .on('blur', function(){
        $wrapper.removeClass('focus');
    })
    .on('change', function(){
        $(this).trigger('blur');
    });
    
    
});