html input标签中的file，点击取消后并没有触发onchange事件

1、在页面点击上传时需要提交后台，然后再把图片显示出来，发现onchange事件在第一次点击的时候是执行的，但是第二次第三次事件就失灵了，后来是利用remove将本元素移除，再通过生成相同元素的方法来解决onchange事件的失灵事件。

2、用jquery实现：

var fileName = $("#file").val()if(fileName==""){ //点击取消，取消事件的编写return}

3、type=txt 的搜索文本框，我们这么处理onfocus="this.value=''" onblur="if(!value){value=defaultValue}"

1、定义一个Html文件，编写file控件。

2、在html文件中增加js代码，监听File控件。

3、预览页面效果。

4、上面的上传文件比较复杂，可以用jquery更简便的方法。

5、点击选择文件按钮，进行选择文件。

6、编辑完ihtml文件后，用浏览器打开html文件，当鼠标左键单击span时显示"触发鼠标单击事件"，双击span时显示"事件"，完成关闭。