マイクロ文字のイベントバインディングアプレット---

イベントカテゴリ

タップ:イベントをクリックします。

longtap:ロングプレスイベント。

touchstart:タッチ。

touchend:最後に触れてください。

touchcansce:キャンセルタッチ。

結合イベント

結合結合し;

キャッチ結合;(バブリングからイベントを防ぐことができます)

たとえば、次のようにバインドのクリックイベントbindtap

page.wxmlファイル

<ボタンbindtap = "btnclick"> </ button>の

page.jsファイル

コードをコピー
//取得したアプリケーションの例
のconst = getAppのApp()
のページ({ 
  データ:{ 
    テキスト: "こんにちは"、
    ONOFF:falseに
  }、
  btnClick:機能(){ 
      はconsole.log( '123'); 
      VAR = ONOFF this.data .onOff; 
      this.setData({テキスト: "こんにちは"、ONOFF :! ONOFF}); 
  } 
})
コードをコピー

 詳細なイベント :(型タイプ、タイムスタンプtimeStampに、イベントソースコンポーネント目標、現在のイベントは、currentTarget、タッチがタッチポイント)

たとえば、次のようにクリックイベントを印刷

ディスプレイ:

currentTarget:私たちは、このビューをクリックします。

ターゲット:我々の見解では、この目標ということです。

このビューは、IDを追加することがあります。

効果:

バブリングイベントに:は、currentTargetとターゲットが矛盾している。は、currentTargetは、我々は、コンポーネントを結合し、ターゲットが入射の構成要素です。

データセット内では、currentTargetはデータではありません。これは、我々のカスタム属性を追加した利便性のためであります:

あなたは見ることができます:

イベントをクリックすると、あなたは私たちのロジックを容易にすることができるこのスペースのプロパティに取得することができます。

これは非常に有用であろう。 

プロジェクト通話中のイベント内の他のイベントとコールapp.js:

 //index.js
//アプリケーション例の取得
のconst = getAppのApp()
のページ({ 
  {:データ
    のテキスト: 'ボタン'、
  }、
  関数(){:btnClick 
    ;このこと= VARを
    )はconsole.log( '良い'; 
    that.btnchange() ; //他のイベント項目を呼び出す
    app.clickBtn(); //呼び出しイベント内部app.js 
  }、
  btnchange:関数(){ 
    にconsole.log( 'YES'); 
  } 
})

 

おすすめ

転載: www.cnblogs.com/wzb0228/p/11540689.html