lis[i].onmousedown=function () {
    var stateSelect_text=this.getElementsByClassName('stateSelect_text')[0];
    stateText.innerHTML=stateSelect_text.innerHTML;
    loginStateShow.className='';
    loginStateShow.className='login-state-show '+this.id;
    stateList.style.display='none';
}

在这里我用了onmousedown这个触发设置，那么这时候点击Li元素就避免了冒泡时触发loginState.onclick的事件，这样就可以省掉不少用来防止冒泡的代码。

不过我不清楚这样的方法是否有局限性，在其他地方会不会触发其他BUG