MooToolsのが追加されたイベントを無効にしたり、傍受

Question

のは、私はこれを行うとしましょう：

$('field').addEvents ({ 
    'focus' : function() { // do some stuff } 
    'blur' : function() { // do other stuff } 
}); 

これはすべての私のテキスト入力フィールドのデフォルトの動作です。

$('shinyButton').addEvent('click', function() { 
    stopDefaultBlurFunctionInCurrentlyFocussedField(); 
    // do seriously cool stuff 
    if (finishedDoingSeriouslyCoolStuff) { 
    $('field').focus(); // return focus to input field 
    } 
} 

ので：私は今、やりたいことは

<button id='shinyButton' name='shinyButton'>Poke Me</button>

この

のようなものである

1）私はstopDefaultBlurFunctionInCurrentlyFocussedFieldありませんか（）;？

2）私が実際に完了したかどうかを確認するにはどうすればいいですか？

Answer 1

厳密に言えば、クリックハンドラの前にblurイベントが発生するため、あなたがしたいことはできません。

mouseoverでイベントを無効にすると、Mouseユーザーはうまく動作しますが、ユーザーはキーボードでボタンをトリガーできません。

一つのオプション（ただし、ハックのビット）blurイベントハンドラの中に小さな遅延を導入することで、焼成イベントを制御するための変数フラグを使用することになり、それは感知できないですので、（あなたがチューニングする遅延を必要とするかもしれませんが、それでもあなたの目的のために十分な長：フィールドに焦点を当てながら、ボタンをクリック

var disableBlurMethod = false; 

$('field').addEvents ({ 
    'focus' : function() { // do some stuff } 
    'blur' : function() { 
    (function() { 
     if (!disableBlurMethod) { 
     // do some stuff 
     } 
    }).delay(50); 
    } 
}); 

$('shinyButton').addEvent('click', function() { 
    disableBlurMethod = true; 
    // do seriously cool stuff 
    if (finishedDoingSeriouslyCoolStuff) { 
    disableBlurMethod = false; 
    $('field').focus(); // return focus to input field 
    } 
}