gpt4 book ai didi

javascript - 用jquery高亮textarea边框一段时间

转载 作者:行者123 更新时间:2023-11-28 11:23:51 25 4
gpt4 key购买 nike

我如何突出显示文本区域的边界,以引起用户注意那里缺少/不正确的内容?我想让它闪烁一段时间。这可以用css3来完成吗?非常感谢! (提示,当用户按下 L 键时它会继续)。

<textarea></textarea>





if(e.keyCode == 13)
executeGlowBorder();

http://css-tricks.com/snippets/css/glowing-blue-input-highlights/类似的效果(但我只想延长一定时间)

最佳答案

如果我没有正确理解您的要求,那么有多种方法可以实现您的目标。其中之一是混合使用 addClassremoveClassfadeIn/fadeOut 来临时突出显示。看看这个Fiddle如果这就是您想要实现的目标,请告诉我。

$('textarea').change(function () {
if (!isValidEmailAddress($(this).val())) {
$(this)
.fadeIn(750).addClass('glow')
.fadeOut(750).fadeIn(750)
.fadeOut(750).fadeIn(750)
.fadeOut(750).fadeIn(750)
.fadeOut(750).fadeIn(750);
} else {
$(this).removeClass('glow');
}
});

您要求使用 CSS3 的解决方案,但您的问题标签包含 JQuery;我猜 JQuery 可以包含在建议的解决方案中。还有一种不用 JQuery 也可以做到的方法,但它更不漂亮。

关于javascript - 用jquery高亮textarea边框一段时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21439865/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com