0

Dart WebUI を使用して、このような別のコンポーネントを含むコンポーネントを作成しました。

スクリーンショット

私が持っていたクリックに対する望ましい応答は、内部コンポーネントをクリックすると、その内部コンポーネント内で起動し、それを含むコンポーネントには影響しないというものでした。ただし、内部コンポーネントのクリック イベントは、内部コンポーネントと外部コンポーネントの両方で発生します。

内側のクリックを処理し、親要素まで「バブリング」するのを防ぐ方法はありますか?

<!DOCTYPE html>
<html>
  <head>
    <link rel="import" href="ColorItem.html">
  </head>
  <body>
    <element name="color-item-with-inside-color-item" constructor="ColorItemWithInsideColorItem" extends="ColorItem">
      <template>
        <style scoped>

              #inner-color-item div{
                border:5px solid WhiteSmoke;

              }

              #inner-color-item {
                  margin-top:10px; 
                  margin-bottom:0px;
              }

        </style>

        <color-item color_text="{{color_text}}" bg_color="{{bg_color}}" text_color="{{text_color}}">
           <color-item id="inner-color-item" style></color-item> <!-- THIS IS THE INNER ITEM -->
        </color-item>

      </template>      
      <script type="application/dart" src="ColorItemWithInsideColorItem.dart"></script>
    </element>
  </body>
</html>
4

1 に答える 1

1

マウス イベントevtで、バブルアップを防ぐためにevt.stopPropagation()を呼び出すことができるはずです。

于 2013-06-29T21:03:45.520 に答える