JS创建HTML代码
var progressDis = document.createElement("span");
progressDis.className = "item_input";
//鼠标点击显示
progressDis.onclick = function () {
     this.className += ' on';
};
//鼠标点击其他消失
progressDis.onBlur = function () {
     this.className = this.className.replace(' on', ''); //鼠标一走的时候，把样式也去掉
};

其中鼠标点击执行事件了，鼠标点击其他事件（.onBlur）无反应。
------解决方案--------------------
progressDis.onBlur = function () {
     this.className.replace('on', ""); //鼠标一走的时候，把样式也去掉
};
------解决方案--------------------
你是想鼠标点击其他的时候 才把样式去掉 而不是鼠标离开的时候去掉样式 是不是?
如果是的话 你在onclick事件的时候 要把当前button传进去 并保存起来

var oldObj;

progressDis.onclick = function (button) {

    if(oldObj!=null){

         oldObj.className.replace('on', "")

    } 

    this.className += ' on';

    oldObj=button'

};