js代码点击触发事件

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()；，才可以触发页面跳转。