mootools选择框焦点

时间:2014-02-27 12:34:50

标签: select mootools blur

我有一个选择框

 <select>
     <option value="0">0 mins</option>
     <option value="1">1 mins</option>
     <option value="2">2 mins</option>
 </select>

我希望在访问者点击某个值或点击该页面上的任何其他位置时触发某个事件-i.e在选择框上失去焦点

我现在已经四个小时摆弄,没有任何快乐。我现在对此:

var c = 0;
$("selectTime").addEvent('click', function() {
    if (c++ % 2 == 1) {
        console.log(c);
       //$(this).blur();
    }
});

$('selectTime').click(function() {
    if ($('select').is(':blur')) {
        c = 1;
    } else {
        c = 0;
    }
});

任何想法?

感谢

1 个答案:

答案 0 :(得分:0)

用于向同一元素添加多个事件的mootools语法是:

$('myElementID').addEvents({
    blur: function(){
        alert('blur');
    },
    click: function(){
        alert('click');
    }
});

Example with you code

您可以使用change事件,该事件在更改元素时触发。像:

$('myElement').addEvent('change', function(){
    alert('Select changed');
});

Example

请注意,部分代码使用的是jQuery语法,部分是使用MooTools语法。