捕获 <select />指定 <option /> 的点击事件

CustomSelectorHandler.js

(function ($) {
	function CustomSelectHandler( selectElem, optionSelector, clickHandler){
		selectElem.data('click.status', 0 );
		selectElem.on('click.option', function(e){
			var status = selectElem.data('click.status');
			if(status == 0){
				selectElem.data('click.status', 1 );// unfold
			}else if( status == 1){
				if( selectElem.find('option:selected').is(optionSelector) ){
					clickHandler && clickHandler(e);
				}
				selectElem.data('click.status', 0 );
			}
		}).blur(function(e){
			selectElem.data('click.status', 0 );
		});
	}
	/**
	 * 捕获 <select />指定 <option /> 的点击事件（哪怕不触发 change 事件，也能捕获）
	 * @param  {String} optionSelector 指定 option 的 CSS Selector
	 * @param  {Function} selectHandler  响应函数，默认向其回传 event 对象
	 */
    $.fn.selectOption = function (optionSelector, selectHandler) {
        this.each(function () {
            var $this = $(this);
            CustomSelectHandler($this, optionSelector, selectHandler);
        });
    }
})(jQuery);