firfox下file组件click事件

项目要用户选择一个文件路径,第一个想到的是隐藏file组件,调用click事件,通过onchange事件回调改变需要文件路径的字段。
xml 代码
 
  1. <input id='txt1'>    
  2. <input type='button' onclick"document.getElementById('file').click()">      
  3.  <input type='file'     
  4.              onchange="document.getElementById('txt1').value=this.value">    
在ie下没问题,没想到firfox下,没反应。测试了后发现,firfox调不到file组件的click方法。最后没办法,不能间接调用,就只好直接使用了,file组件破坏原有页面,所以用css隐藏多余的部分,只剩下一个按钮在页面。
xml 代码
 
  1. <div style="position:absolute ;">  
  2.     <input name="aaa" id='txt1'>  
  3. </div>  
  4. <div style="position:absolute ;clip:rect(0 250 25 153)">  
  5. </div>  
  6.     <INPUT TYPE="file"  onchange='document.getElementById('txt1').value=this.value'>  
  7. <div>  
界面是满足要求了,但是老感觉不是很好。

你可能感兴趣的:(xml,css,IE)