Question

document.getElementById('').onclick 为什么总是失灵?

<script>
searchBtn=document.getElementById("searchbutton").onclick = function(){
var d = document.getElementById('myhanzi').value;
location.href = 'index.php?mod=goods&act=index&code=jiu&key=' + d;
}
</script>

<form onsubmit="return false;" class="mainform">
<input type="text" name="hanzi" id="myhanzi" class="maininput" onkeydown="SubmitKeyClick(this,event)"><input type="submit" value="搜索" id="searchbutton"><!--换行写，chrome下input框之间会有空隙-->
<div id="pic"></div>
</form>

这个代码有问题吗? 之前都好好的能用,我好像也没动过,但是不知道怎么回事,一会儿它自己又失灵了...
前面没有searchBtn= 复制的时候弄错了.

但是还是不行,点击没反应.

Answer 1

可能是在DOM还没加载完的时候，你点击searchbutton了，那样是无效的，你可以用jquery的DOMReady，来解决，避免用户在DOM加载完成之前点击按钮