HTML选择元素：如何模拟“onStayTheSame”事件？

Question

对于select元素，我们有onchange事件。我正在寻找触发函数调用，如果用户点击下拉菜单，但然后选择相同的当前选项。

我想知道是否有人曾经尝试过这一点，以及onclicks，onmouseups等的可靠顺序是什么样子。

感谢

Answer 1

这个怎么样？

var select = document.getElementById('your-element'), 
    changed = false; 

select.onchange = function() { 
    changed = true; 
    console.log('Picked something new.'); 

} 

select.onfocus = function() { 
    changed = false; 
} 

select.onblur = function() { 
    if (!changed) { 
     select.onStayTheSame.call(); 
    } 
    changed = false; 
} 

select.onStayTheSame = function() { 
    console.log('Stayed the same.'); 
} 

See it on jsFiddle。

它有几个问题，但希望这是一个好的开始:)