jquery中的输入类型图像点击事件答案

【问题标题】：input type image click event in jqueryjquery中的输入类型图像点击事件
【发布时间】：2014-08-17 01:50:11
【问题描述】：

我正在尝试使用 jquery 导航到另一个页面

标记：

<input type="image" name="ImageButton1" id="btnCancel" src="../images/btn_cancel.gif" />

 $('input[type="image"][id^="btnCancel"]').live('click', function () {
        window.location.replace('default.aspx');
 });

页面只是刷新，它没有导航到所需的页面。当我更改 type=button 时，它可以工作。

如何通过仅将类型保留为图像来实现相同的效果？

【问题讨论】：

live 已弃用，使用 on 代替它
为什么单个元素有 2 个属性选择器？你只能用$("#btnCancel").
input type="image" 就像提交一样。将其替换为 type="button"
@ArvindBhardwaj：我只想保留图片
如果type="button" 有效，则使用它。由于您想保留图像，因此在 CSS 中使用图像作为背景设置按钮的样式。

标签： javascript jquery html

【解决方案1】：

$("#btnCancel").on('click', function () {
        window.location.href = 'default.aspx';
});

【讨论】：

为什么要使用href 而不是replace？
区别只是他们操纵浏览器历史的方式：stackoverflow.com/questions/7703689/…

【解决方案2】：

使用preventdefault：

$('input#btnCancel').on('click', function (e) {
        e.preventDefault();
        window.location.replace('default.aspx');
 });

【讨论】：

【解决方案3】：

我们开而不是直播...并防止默认停止默认行为。

  $(document).on('click','input[type="image"][id^="btnCancel"]',function(e){
       e.preventDefault();
       window.location.replace('default.aspx');
  });

live 已弃用

【讨论】：