0

divイベント付きのがonClickありますが、が重複しているため、マウスが検出されませんdiv。私はそれを最初のものの下に置くことができないので、変更することz-indexはオプションではありません。

ポインタイベントなしで2 日にマウスイベントを無効にする方法はありdivますか？これはクロスブラウザである必要があります。

要求されたサンプル。現在、イベントが行うのはアラートを発することだけです。

<div class="buttonDiv" onClick="buttonAction()"></div>
<div class="filterDiv"></div>
4

2 に答える 2

1

あなたはこれを試すことができます：

HTML

<div class="buttonDiv" onClick="buttonAction(event)">
  OUTER
  <div class="filterDiv">INNER</div>
</div>

Javascript

var buttonAction = function(e) {
  if(e.target.className == "buttonDiv") {
    //code here
    alert('got here');
  }
}

例： http： //jsfiddle.net/aFRcd/1/

基本的にクリックすると、クリックに沿って送信し、event次に使用して実際にクリックされたdivを確認できます。event.target

この例では、OUTERをクリックするとアラートが発生しますが、INNERは発生しません。

于 2013-01-07T19:18:02.080 に答える
0

私が見つけた唯一の解決策は、マウス移動イベントをキャンバスにアタッチして、ボタンの座標をボタンの位置と寸法と比較することでした。それは苦痛ですが、少なくともそれは仕事をします

于 2013-01-17T10:04:44.327 に答える