点击图片触发按钮事件

Question

在webform中如何实现点击图片触发按钮事件

Answer 1

建议楼主最好使用ImageButton控件，就可以用ImageButton_Click（）事件了，比较容易实现。

Answer 2

就用ImageButton控件吧，鼠标放到图片上之后图片会替换成另一张图片这个在客户端用js来实现

Answer 3

.aspx文件里：
<script language=javascript>
function submit()
{
var Bn = document.getElementById("Button5");
__doPostBack(Bn.id,'');
}
</script>
<img id=img onclick=javascript:submit(); height=100 src="" width=100>
这是调用ID为Button5的Button5_Click()我测试过了，没问题

Answer 4

函数的名字submit()最好换成其他的：aa()
不让的话放在<img>放在form里会刷新页面

Answer 5

.aspx文件里：
<script language=javascript>
function subm()
{
 var bn = document.getElementById("Button1");
 bn.click();
}
</script>
<img id=img onclick=javascript:subm(); height=100 src="" width=100>
这是调用ID为Button5的Button5_Click()我测试过了，刚才哪个有点问题,这个在新的一也里测试没问题。

Answer 6

首先感谢 bitliuyang(昊天) 的热心帮助
我按照你的方法，在点击图片的时候ie提示下面的错误：
'null'是null或不是一個物件

Answer 7

最后我是用下面的代码实现 点击图片触发按钮事件的:
<img id=img onclick="btn_del.click();" height=100 src="" width=100>
这是调用ID为btn_del的btn_del_Click()不过现在遇到了一个新问题: btn_del的visible 为true的时候点击图片没有问题
不过当将btn_del的visible设置为false的时候再点击图片的时候，ie提示错误：
'btn_del'未被定义。

Answer 8

<img id=img onclick="callEventHandler();" height=100 src="" width=100>调用一个js方法,让这个方法去激发事件；
<img id=img onmouseover="this.src='';" onmouseout="this.src='';" height=100 src="" width=100>