- 爱易网页
-
JavaSript
- 关于getElementById('id').focus()的有关问题
日期:2014-05-16 浏览次数:20403 次
关于getElementById('id').focus()的问题
当id是input元素的时候可以发生作用焦点能转移、窗口能够滚动到相关元素,当id是文本元素的时候就没有作用了,但是不报错。可是JS权威指南指出:IE4之后文档元素都有focus()方法了,推荐此方法作为确定文档位置的方法。网上也有相关的代码作为此种事情。讯问一下,当使用getElementById( 'id ').focus()要注意什么吗?需要什么条件?
<button onclick= "testLength() "> test </button>
<h4> xxxxxxx </h4> <H4> 配置具体情况 </H4> <SPAN> (根据实际情况进行填写) </SPAN>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4> <h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4>
<h4> xxxxxxx </h4> <h4 id= "hh4 "> xxxxxxx </h4>
<INPUT name= "linkman " id= "linkman " type=text size=50>
<script>
<!--
function setFocus(elementId){
if(document.getElementById){
//getElementById is supported, so use it
if(document.getElementById(elementId)){
document.getElementById(elementId).focus();
}
}else{
if(document.getElementsByName){
var items = document.getElementsByName(elementId);
if(items.length > 0){
items[0].focus();
}
}
}
}//end function
var loadfunc=function(){};
//loadfunc=function(){
// alert( '1111 ');
//}
window.onload=function(){
//loadfunc();
//alert( '2222 ');
//setFocus( "hh4 ");
document.getElementById( 'hh4 ').focus();
//alert(document.getElementById( 'hh4 ').innerHTML);
}
function testLength(){
if(document.getElementById( 'linkman ').value.length> 50){
alert( "length invalidated:::: "+document.getElementById( 'linkman ').value.length);
}
}
-->
</script>
<style>
li ul{dispaly:inline}
</style>
<ul>
<li> xxxxxxxxxxxxxxx
<ul>
</ul>
</li>
<li> yyyyyyyyyyyyyyy
<ul>
<li> 111111111 <a id= "linka "> 11111 </a> </li>
<li> 111111112 </li>
<li> 111111113 </li>
<li> 111111114 </li>
</ul>
</li>
</ul>
------解决方案--------------------
要注意的就是那个对象要支持onfocus事件
------解决方案--------------------
你的id为hh4的元素是一段文本,不支持onfocus事件。