js在各种浏览器下 click事件 onchange事件

来源:互联网 发布:js动态添加表格行 编辑:程序博客网 时间:2024/06/01 10:18

html:

<body>
 <div id="pic_frame" class="pic_frame">
<form method="post" action="">
<div id="pic_butn" class="pic_butn">
<input type="button" value="添加图片" onclick="addPic()"  />
<input type="submit" value="提交" />
</div>
<div id="pics_div" class="pics_div">

</div>
</form>
 </div>
 </body>


JS:

var fileInput = document.createElement('input');
fileInput.title = subNum;
fileInput.type='file';
fileInput.name='scenicImage';
fileInput.className='fileInput';
fileInput.accept="image/*";
fileInput.multiple="multiple";


/*ie与其他浏览器 click事件*/

if(document.all) //ie

alert('iex');
document.getElementById('pic_butn').appendChild(fileInput);//ie下必须先把元素加载节点上
fileInput.click();//好不容易,自动打开图片选择
/*ie下处理 onchang事件*/
fileInput.onpropertychange = function(){ alert("fei ie change");changeFun(fileInput);}
}else 

alert('fei ie click');
fileInput.click();
/*除ie下的 onchang事件*/
fileInput.onchange=function()
{
changeFun(this);
}
}
0 0
原创粉丝点击