禁用元素的调用函数

发布于 2024-12-28 21:31:06 字数 651 浏览 4 评论 0原文

如果您想扩展超过 20 个字符的 input type=text，我有一个可以完美运行的函数。我的问题是，如何将此功能应用于禁用的输入？为了更好地理解我的函数的行为，请检查我在小提琴上的示例： http://jsfiddle.net/DCjYA/168/

$('input[type!="submit"]').focus(function(){
    if ($(this).val().length > 20) {
        $(this).attr('data-default', $(this).width());
        $(this).animate({width: 300}, 'slow');
        $(this).parent().addClass('cooling');
    }
}).blur(function(){ 
    var w = $(this).attr('data-default');
    $(this).animate({
        width: w
    }, 'slow');
    $(this).parent().removeClass('cooling');
});

谢谢。

原文

I have a function that works perfectly if you want to expand an input type=text with more than 20 characters. My problem is, how to apply this function for disabled inputs? To better understand the behavior of my function check my example on fiddle:
http://jsfiddle.net/DCjYA/168/

$('input[type!="submit"]').focus(function(){
    if ($(this).val().length > 20) {
        $(this).attr('data-default', $(this).width());
        $(this).animate({width: 300}, 'slow');
        $(this).parent().addClass('cooling');
    }
}).blur(function(){ 
    var w = $(this).attr('data-default');
    $(this).animate({
        width: w
    }, 'slow');
    $(this).parent().removeClass('cooling');
});

Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦断已成空 2025-01-04 21:31:06

正如 Daniel 所说，focus 和 blur 事件不适用于 disabled input。然后，出于此目的，可以使用 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');
      }
});

小提琴：http://jsfiddle.net/raj_er04/DCjYA/174/

As Daniel said the focus and blur event will not work with the disabled input. Then for this purpose, hover, mouseenter or mouseover, mouseleave or mouseout are the events can be used but i could not find it working but i do found mousemove for expanding it. you can use it it it solve your problem.

$('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 : http://jsfiddle.net/raj_er04/DCjYA/174/

回复收藏 0 原文