HTML5< textarea>模态中的自动对焦属性不起作用 [英] HTML5 <textarea> autofocus attribute inside modals does not working
本文介绍了HTML5< textarea>模态中的自动对焦属性不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
HTML
< textarea name =remarkautofocus>< / textarea>
内部模块中的HTML5自动对焦属性不起作用
<
< div class =modal这是我的模型页面//但是我在同一页面有多个模型// 隐藏淡入角色=对话框aria-labelledby =myModalLabel3tabindex = - 1aria-hidden =trueid =>
< form class =form-horizontalname =formmethod =postaction =style =margin-bottom:0px>
<! - 模态内容 - >
< div class =modal-content>
< div class =modal-header>
< h4 class =modal-title> XXXXXXX< / h4>
< / div>
< div class =modal-body>
< div class =control-group>
< label class =control-label> YYYYY< / label>
< div class =controls remark>
< / div>
< / div>
< / div>
< div class =modal-footer>
< button class =btndata-dismiss =modalaria-hidden =true>关闭< / button>
< input type =submitonClick =alertConfirm('Test'); class =btbtn-medium btn-primaryvalue =name =/>
< / div>
< / div>
< / form>
< / div>
我试过javascript代码也..预先感谢..
解决方案
autofocus
在默认情况下隐藏输入时不起作用。您必须在JS中执行此操作:
$('#myModal')。on('shown.bs.modal', function(){
$(this).find('textarea [name =YYY]')。focus();
});
HTML
<textarea name="remark" autofocus></textarea>
HTML5 autofocus attribute inside modals does not working
This is my model page // but i have multiple model in same page //
<div class="modal hide fade in" role="dialog" aria-labelledby="myModalLabel3" tabindex="-1" aria-hidden="true" id="" >
<form class="form-horizontal" name="form" method="post" action="" style=" margin-bottom:0px">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">XXXXXXX</h4>
</div>
<div class="modal-body">
<div class="control-group">
<label class="control-label">YYYYY</label>
<div class="controls remark">
<textarea name="YYY" autofocus></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<input type="submit" onClick="alertConfirm('Test');" class="btbtn-medium btn-primary" value="" name="" />
</div>
</div>
</form>
</div>
I tried javascript Code also.. thanks in advance..
解决方案
autofocus
doesn't work when your input is hidden by default. You have to do this in JS :
$('#myModal').on('shown.bs.modal', function() {
$(this).find('textarea[name="YYY"]').focus();
});
这篇关于HTML5< textarea>模态中的自动对焦属性不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文