Noob帮助Jquery输入Form,Focus,Blur,Keypress - Cursor not Changing?

时间:2011-05-11 15:33:26

标签: jquery input cursor hover tumblr

我在构建一个带有一些花哨的jquery的表单时遇到了麻烦,类似于tumblr的网站。

到目前为止,这是我的工作 http://www.messtudios.com/form/index2.html

在我点击输入字段后,我想要做但却想不到的是更改光标:指向光标:文本的指针。

类似于Tumblr登录或注册表单。

现在,Label位于字段上方,只接受:hover,而不是:focus,因为它是Label。

任何帮助都会提前感谢,谢谢。

如果我删除了标签宽度和填充,它只能在标签文本没有的区域内工作(虽然看起来更像是我想去的方向,但仍然不能接受,但是当你将鼠标悬停在标签文本上时光标再次变成指针)

添加此功能。 var $ input = $('input'); $ input.focus(函数(){$(本).prev()的CSS( '光标', '文本')。}); $ input.blur(函数(){$(这).prev()的CSS( '光标', '指针')});

1 个答案:

答案 0 :(得分:1)

您应该可以完全使用css完成此操作。对于给出的示例,只需添加 -

label.infield{
    cursor: text;
}

<击>

修改

如果你想充分了解它,以下似乎可以解决问题:)

var $input = $('input');
$input.focus(function(){$(this).prev().css('cursor','text')});
$input.blur(function(){$(this).prev().css('cursor','pointer')});