home wiki.fukuchiharuki.me
Menu

キーワード

  • Titanium Mobile
  • Alloy

目標

コントロールにイベントハンドラを取りつけます。

event01.png
event02.png

方法

  • index.xml
    <Label id="label1">I am Window 1</Label>
  • index.js
    $.label1.addEventListener('click', function() {
    	Ti.UI.createAlertDialog({title:'Click', message:'You clicked it.'}).show();
    });

解説

index.xml のタグ中に onclick 属性を書くこともできるようですが、分離の観点から index.js に書くのがよいでしょう。

index.js 中では id 属性に書いた名前でコントロールを取得できます。(例では $.label1)

参考