JavaScript焦点()函数没有't将文本区域集中在页面加载上
JavaScript focus() function doesn't focus textarea on page load
我有以下代码。
<!DOCTYPE html>
<html>
<head>
<title>Focus issue</title>
<script type='text/javascript'>//<![CDATA[
window.onload=function(){
var text = document.getElementById('text')
window.onload = function() {
text.focus()
}
window.onhashchange = function() {
text.focus()
}
}//]]>
</script>
</head>
<body>
<textarea id="text"></textarea>
<p><a href="#focus">Click to focus</a></p>
</body>
</html>
以下是上面代码的JSFiddle演示:http://jsfiddle.net/DvU63/
为什么页面加载时焦点不在文本区域框上?单击链接时,焦点确实会放在文本区域框上,但我也希望在页面加载时将焦点放在文本区框上。为什么没有发生?
注意:我知道文本区域的HTML5自动对焦属性。但这个问题是关于为什么上面的JavaScript代码没有达到我想要的效果。
您正在从onload
处理程序内部执行.focus()
语句,该处理程序本身在onload
处理程序中定义。此内部onload
将不会被调用,因为在您定义它时,onload
事件已经发生。试试这个:
window.onload=function(){
var text = document.getElementById('text')
text.focus()
window.onhashchange = function() {
text.focus()
}
}
您的演示已更新:http://jsfiddle.net/DvU63/2/
执行此
<script type='text/javascript'>
window.onload=function(){
var text = document.getElementById('text')
text.focus();
window.onhashchange = function() {
text.focus();
}
}
</script>
小提琴
相关文章:
- onkeyup无法动态创建多个文本区域
- 在jstree中,如何将指定的节点集中到大型树上
- FabricJs-限制主对象内添加对象的移动区域
- 具有所有样式的文本正在复制到可编辑文本区域
- 如何为高图中的区域线创建z索引
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- Don'不允许将焦点集中在自动完成的选择上
- ng在下拉列表和文本区域提交
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 当用户按下回车键时,自动在text区域/text中插入消息
- 将文本插入光标所在的文本区域
- 离开页面导航后保留文本区域内容
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- Javascript-在文本区域中断,但不在段落中中断
- 在自动重影文本区域中打字时,会将焦点集中在元素的顶部
- JavaScript焦点()函数没有't将文本区域集中在页面加载上
- 防止集中在隐藏溢出区域的集中输入上
- 使用javascript点击按钮后,文本区域不集中
- 将文本区域集中在ng-click上