【问题标题】:binding a disabled textbox [duplicate]绑定禁用的文本框[重复]
【发布时间】:2013-01-10 09:42:50
【问题描述】:

可能重复:
Event on a disabled input
JQuery register click event while button is disabled

我有一个文本框:

<input type='text' disabled='disabled' id='textbox' value='diusabled text' />

在我的javascript中,我尝试绑定它的点击事件:

$('#textbox').bind('click', function() { alert ('111'); });

当我点击文本框时,什么也没有发生,因为它被禁用了。 我该怎么做才能使这个功能发挥作用?

【问题讨论】:

标签: javascript jquery html


【解决方案1】:

您必须创建一个处理点击事件的叠加层。

此博客向您展示如何做到这一点:

http://blog.pengoworks.com/index.cfm/2010/4/23/Attaching-mouse-events-to-a-disabled-input-element

【讨论】:

    【解决方案2】:

    您可以将文本框设为只读以触发事件并且不允许编辑。

    Live Demo

     <input type='text' readonly id='textbox' value='diusabled text' />
    

    【讨论】:

      【解决方案3】:

      您不能将事件绑定到禁用的元素。您必须先从禁用更改为启用,然后为该textbox 分配bind 事件。稍后您可以再次禁用该文本框。

      【讨论】:

      • 当然您可以将事件绑定到禁用的元素。只需尝试绑定一个事件,删除 disabled 标志,事件就会起作用。如果元素被禁用,事件就不会触发。
      猜你喜欢
      • 2011-02-08
      • 2012-08-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-11-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多