請使用本文，了解自訂組件的程式碼片段。
您可以在自訂組件中增加程式碼片段，使您與組件的互動加/減速。 讓我們在 Animate 中看看兩個範例。 新的程式碼片段會增加到「HTML5 Canvas -> 組件」區段之下。
將按下處理常式附加到按鈕的程式碼片段
//停用多個處理程式，因為這些處理程式可用於框架指令碼中
如果(!this.instance_name_here_click_cbk){
函式instance_name_here_click(evt){
//啟動您的自訂程式碼
console.log（「已按按鈕」）；
//結束您的自訂程式碼
}
//將事件處理常式附加至父系，並將篩選條件當作
//元件執行個體的識別碼
$("#dom_overlay_container")。on("click", "#instance_name_here", instance_name_here_click.bind(this));
this.instance_name_here_click_cbk = true;
}
請注意，處理常式會附加到具有針對組件實體而設定之濾鏡的父輩 (dom_overlay_container)。 這之所以重要，是因為當您嘗試附加處理常式時，組件實體可能不是父輩。 這可確保事件處理常式正確地啟動。
同樣地，您可以為您的自訂組件提供事件處理常式。
從任何輸入控制項取得值的程式碼片段：
console.log($(「#instance_name_here」)。val());
元件執行個體附加到DOM時要使用的程式碼片段
//聆聽附加的事件，由元件執行階段觸發
$("#dom_overlay_container")。on("已附加", function(evt， param){
//檢查執行個體的識別碼
if(param && param.id == 'movieClip_1'){
$("#movieClip_1")。text（"我的按鈕"）；
}
});
