Noob 帮助 Jquery 输入表单、焦点、模糊、按键 - 光标未更改?

发布于 2024-11-06 21:25:15 字数 734 浏览 4 评论 0原文

我在使用一些奇特的 jquery 构建表单时遇到问题,类似于 tumblr 的网站。

这是我到目前为止所使用的内容 http://www.mestudios.com/form/index2.html

我想要什么但无法弄清楚的是,在单击输入字段后,将光标:指针更改为光标:文本。

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

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

如有任何帮助,我们将不胜感激,谢谢。

如果我删除了标签宽度和填充,它仅在标签文本不存在的区域中起作用(尽管看起来更像是我想要的方向,但仍然不可接受,但是当您将鼠标悬停在标签文本上时,光标会变成再次指针)

添加这个有效。 var $input = $('输入'); $input.focus(function(){$(this).prev().css('cursor','text')}); $input.blur(function(){$(this).prev().css('光标','指针')});

I am having trouble building a Form with some fancy jquery, similar to tumblr's website.

This is what I have working with so far
http://www.messtudios.com/form/index2.html

What I want to do but can't figure out is changing the cursor:pointer to cursor:text, after you have click on an input field.

Similar to Tumblr login or signup form.

Right now the Label is positioned over the field and will only accept:hover, and not :focus because its the Label.

Any help will be much appreciate in advance, thanks.

If I removed the label width and padding, it works only in the area the label text isn't ( still not acceptable although looks more like in the direction I want to go, however when u hover over the label text the cursor turns into a pointer again )

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

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

∞梦里开花 2024-11-13 21:25:15

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

label.infield{
    cursor: text;
}

编辑

如果您想充分利用它,以下似乎可以解决问题:)

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

You should be able to do this entirely with css. For the example given just add -

label.infield{
    cursor: text;
}

Edit

If you want to get all fancy with it, the following seems to do the trick :)

var $input = $('input');
$input.focus(function(){$(this).prev().css('cursor','text')});
$input.blur(function(){$(this).prev().css('cursor','pointer')});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文