在焦点/模糊点上显示和隐藏提交按钮
在焦点/模糊点上显示和隐藏提交按钮
提问于 2014-01-06 00:18:58
我想有一个文本区域表单，从1行扩展到4当焦点，并显示否则隐藏提交按钮-相同的twitter网站。
我有一个工作脚本，但问题是当您单击submit按钮时，它是隐藏的(焦点消失了)，因此您实际上无法提交文本。
下面是代码(用于rails表单的咖啡脚本)
$('.status-content').focus (event) ->
$(this).attr('rows', '4',)
$('.status-create').show()
$('.status-content').blur (event) ->
$(this).attr('rows', '1')
$('.status-create').hide()状态-内容是文本区域类，.是submit按钮类。
当焦点关闭时，如何隐藏按钮，但仍然提交文本，有什么想法吗？
根据亚历克斯的建议，我尝试添加一个setTimeout：
$('.status-content').focus (event) ->
$(this).attr('rows', '4',)
$('.status-create').show()
$('.status-content').blur (event) ->
setTimeout ->
$(this).attr('rows', '1')
$('.status-create').hide()
, 100虽然我现在可以提交，但当焦点丢失时，文本区域将保持在4行。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-01-06 00:24:51
一种方法是检查文本区域是否为空(没有咖啡脚本)：
$('.status-content').blur(function(event) {
if ($(this).text().length) {
}
else {
$(this).attr('rows', '1');
$('.status-create').hide();
}
});或者你做了个小把戏
var timer;
$('.status-content').blur(function() {
clearTimeout(timer);
timer = setTimeout(function() {
$(this).attr('rows', '1');
$('.status-create').hide();
}, 100);
});
$('.status-create').click(function() {
clearTimeout(timer);
});Stack Overflow用户
发布于 2014-01-06 00:38:18
只要改正你的代码。如果你能
$('.status-content').on 'focus', ->
$(this).attr('rows', '4',)
$('.status-create').show()
$('.status-content').on 'blur', ->
$(this).attr('rows', '1')
$('.status-create').hide()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20945737
复制相关文章
点击加载更多
相似问题
Regex替换引号之间的值
使用regex替换url
使用Javascript和Regex替换括号之间的值
使用Regex替换url路径
使用regex替换URL的位置？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
