Javascript 禁用元素的调用函数

如果您想将

输入类型=text

扩展为超过20个字符，我有一个功能可以完美地工作。我的问题是，如何将此功能应用于禁用的输入？为了更好地理解我的函数的行为，请查看我在fiddle上的示例：

---

谢谢。

由于无法聚焦禁用的元素，您应该为此构建一个解决方案。还是使用另一个函数

---

编辑：这可能会对您有所帮助：

正如Daniel所说，

焦点

和

模糊

事件将无法与禁用的

输入

一起工作。然后，出于此目的，

hover、mouseenter或mouseover、mouseleave或mouseout

是可以使用的事件，但我发现它无法工作，但我确实找到了

mousemove

用于扩展它。你可以用它来解决你的问题

$('input:disabled').mousemove(function(){
      if ($(this).val().length > 20) {
       $(this).attr('data-default', $(this).width());
       $(this).animate({width: 300}, 'slow');
       $(this).parent().addClass('cooling');
      }
});

---

fiddle:

我如何将其集成到我的函数中：不想使用其他函数：((

$('input:disabled').mousemove(function(){
      if ($(this).val().length > 20) {
       $(this).attr('data-default', $(this).width());
       $(this).animate({width: 300}, 'slow');
       $(this).parent().addClass('cooling');
      }
});