DIVのスクロールバーのイベント

JavaScript

フォーカス イベントは IFRAME の DIV のスクロール バーをクリックする場合、間違って発生します。


・DIVのスクロールバーのイベントの取得について

IEのばあい：
　スクロールバーをclick(or move)すると、focusイベントが発生する。
　バグらしい。
　迷惑。

他のばあい：
　scrollイベントでの取得
　　→スクロールバーをclickしたばあいは取得できるが、スクロールバーの上下のボタンなどだとアウト。
　focusとclickとscoll組み合わせるのも面倒
　　→mousedownでなんでもかいけつ！


・それぞれのイベントの返り値を無効に

IEのばあい：
　event.returnValue = false;
　event.cancelBubble = true;

他のばあい：
　event.preventDefault();
　event.stopPropagation();




divElement.onfocus = divElement.mousedown = function(event){

  if (!event) {

    event = window.event;

    event.returnValue = false;

    event.cancelBubble = true;

  }

  else {

    event.preventDefault();

    event.stopPropagation();

  }

  $('フォーカス対象にしたいえれめんと').focus();

}

$()関数はprototype.jsのやつ。
自分用のメモなんで見づらいかも。