如何在UILable上添加点击事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在UILable上添加点击事件相关的知识,希望对你有一定的参考价值。

参考技术A 最近开始学习ios开发,今天上来写第一个iOS笔记  昨天碰到一个需求,在UILable上添加点击事件,网上找了写资料,有人建议用透明的UIButton覆盖,有人建议写一个集成自UILable的类,扩展点击事件的实现。  最后发现没有这么麻烦,只要两步就可以实现。  第一步,将UILable的userInteractionEnabled值设置为YES,这样才能触发点击事件。  第二步,通过TapGestureRecognize注册事件,就算xib操作的连线,UIButton的addTarget,也可以称作为关联、建立联系等等。  代码如下:  UITapGestureRecognizer*tapGesture=[[UITapGestureRecognizeralloc]initWihTarget:selfaction:@selector(onClickUILable)];  [myLableaddGestureRecognizer:tapGesture];  代码中myLable为需要添加事件的UILable,onClickUILable为点击UILable后触发事件调用的方法。

如何在 Extjs 4 标签上添加点击事件

【中文标题】如何在 Extjs 4 标签上添加点击事件【英文标题】:How to add click event on Extjs 4 label 【发布时间】:2011-11-17 17:58:26 【问题描述】:

我尝试在 extjs4 的标签上添加点击事件,但不起作用

Ext.onReady(function() 

    var ResetLabel = new Ext.form.Label(
        id:'ResetLabel',
        text: 'click it',
        renderTo : document.body                                

    );
    alert(Ext.getCmp('ResetLabel').id);

    Ext.getCmp('ResetLabel').on('click',function()

        alert("message");
    );

);

如何在标签上添加事件?

【问题讨论】:

是否有任何 Javascript 错误?你能粘贴所有代码而不是几行吗? 我描述了在点击事件上也无法使用的代码,并且它没有给出任何错误 【参考方案1】:

这段代码在 Extjs 4 中工作

Ext.onReady(function() 

    var ResetLabel = new Ext.form.Label(
        id:'ResetLabel',
        text: 'click it',
        renderTo : document.body                                

    );
    alert(Ext.getCmp('ResetLabel').getEl());

    Ext.getCmp('ResetLabel').getEl().on('click',function()

        alert("message");
    );

);

【讨论】:

【参考方案2】:
 xtype: 'label', listeners:  element: 'el', click: function ()  alert();   

【讨论】:

【参考方案3】:

试试这个:

Ext.onReady(function()  

var ResetLabel = new Ext.form.Label( 
    id:'ResetLabel', 
    text: 'click it', 

listeners: 
   click: function() 
           alert("message"); 
       
,

    renderTo : document.body                                 

); 

alert(Ext.getCmp('ResetLabel').id); 


); 

【讨论】:

【参考方案4】:

是的,对我也不起作用,尝试了所有示例...

检查一下,这行得通

    var ResetLabel = new Ext.form.Label(
        id:'ResetLabel',
        text: 'click it'

    );
    Ext.onReady(function() 
        Ext.getCmp('ResetLabel').getEl().on('click',function()
            alert("message");
        );
    );

我正在将 ResetLabel 添加到我的面板中。

【讨论】:

【参考方案5】:

我正在开发基于 ExtJS 3.4 的旧代码库,以下代码对我有用。我想它也应该适用于更高版本。

new Ext.form.Label(
   "html": "Halp!",
   "listeners": 

       /* We are going to assing the click event right after the element has rendered */
       "afterrender": function () 

           this.getEl().on( "click", function () 
               console.log( "Clicked!" );
           );
       
    
);

【讨论】:

【参考方案6】:

我喜欢它更短,以便更快地获得想法:

// Adding abcent label event through its dom-structure:
myLabel.getEl().on(
  "click",
  onClickMyLabel);

【讨论】:

以上是关于如何在UILable上添加点击事件的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Extjs 4 标签上添加点击事件

如何使用列表在每个上下文菜单项上添加点击事件?

js 如何在eacharts地图背景上添加点击事件

IONIC 4 - 如何在 HTML 中动态添加点击事件

jQuery UI Datepicker:如何在特定日期添加可点击事件?

我们如何在谷歌地图中添加带有点击事件的多个标记? [复制]