您的位置：首页 > Web前端 > JavaScript

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

2014-08-14 02:03 134 查看

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);

}

}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航