阅读本文可对自定义组件的代码片段有所了解
可以向自定义组件添加代码片段以方便与组件的交互。 我们来看一下 Animate 中提供的两个示例。 新代码片段添加到了“HTML5 Canvas”->“组件”段下。
用于对按钮附加 click（单击）处理函数的代码片段
//禁用多个处理程序，因为这些处理程序可能用于帧脚本中
if(！this.instance_name_here_click_cbk) {
function instance_name_here_click(evt) {
//启动自定义代码
console.log（"已单击按钮"）；
//结束自定义代码
}
//将事件处理程序附加到父级，并使用筛选器作为
//组件实例的ID
$("#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("attached"， function(evt， param) {
//检查实例的ID
if(param && param.id == 'movieClip_1') {
$("#movieClip_1")。text("My Button")；
}
});
