【小5聊】javascript 代码顺序之focus()焦点无效的原因

1、假设代码如下

<div id="recordWindows"> <textarea id="txt"></textarea> </div>

2、js代码如下操作，focus()焦点无效

原因：先进入焦点，然而textarea标签是在div内，div还没完成显示就进入了焦点，自然就无效了

<script type="text/javascript"> $("#recordDiv").click(function () { $("#txt").focus(); $("#recordWindows").show(); }); </script>

3、正确进入焦点的js代码如下，调整下执行顺序即可

$("#recordDiv").click(function () { $("#recordWindows").show(); $("#txt").focus(); });

 

总结：所以，代码的执行顺序也很重要哦！