js代码点击触发事件

时间:2024-01-31 09:17:11

 

js触发按钮点击事件

function load(){
    //下面两种方法效果是一样的
    document.getElementById("target").onclick();
    document.getElementById("target").click();
}

备注:

1.btnObj.click()是真正地用程序去点击按钮,触发了按钮的onclick()事件,按钮不隐藏的时候是可以调用的按钮隐藏之后就不行了,设定隐藏不要使用Visiable属性,使用style.display=none
2.btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法,只是调用方法而已,并未触发事件,


 

jQuery 触发按钮点击事件

$(function(){
                
  // test 的点击事件
  $("#test").click(function(){
                
    alert("点击了");
  });
                
  // 调用 test 的点击事件的两种方法
   $("#test").trigger("click");
   $("#test").click()
})

 

<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> 

$("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转
document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转

把 “下一步” 改为 “<span id="spanId">下一步</span>” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$("#spanId").click();,才可以触发页面跳转。