假“单击”以激活onclick方法

选择元素后,可以调用click()

document.getElementById('link').click();

见: https://developer.mozilla.org/En/DOM/Element.click

我不记得这对IE是否有效,但应该有效。我附近没有windows电脑。

$('#elementid').click();

我可能误解了你的问题,但是,是的, 我会这样做:

var oElement = document.getElementById('elementId');   // get a reference to your element
oElement.onclick = clickHandler; // assign its click function a function reference

function clickHandler() {
    // this function will be called whenever the element is clicked
    // and can also be called from the context of other functions
}

现在,只要单击此元素,代码就会 clickHandler 将执行。类似地,您可以通过在其他函数的上下文中调用函数来执行相同的代码(甚至可以赋值) 点击处理程序 处理由其他元素触发的事件)>

如果使用jQuery,则需要使用 .trigger

element.trigger('click');

http://api.jquery.com/trigger/

var clickEvent = new MouseEvent('click', {
  view: window,
  bubbles: true,
  cancelable: true
});
var element = document.getElementById('element-id'); 
var cancelled = !element.dispatchEvent(clickEvent);
if (cancelled) {
  // A handler called preventDefault.
  alert("cancelled");
} else {
  // None of the handlers called preventDefault.
  alert("not cancelled");
}

element.dispatchEvent 在所有主要浏览器中都支持。上面的示例基于一个示例 simulateClick() function on MDN .

javascript 你可以触发 click() 和 focus() 就像下面的例子

document.addEventListener("click", function(e) {
  console.log("Clicked On : ",e.toElement);
},true);
document.addEventListener('focus',function(e){
  console.log("Focused On : ",e.srcElement);
},true);

document.querySelector("#button_1").click();
document.querySelector("#input_1").focus();

<input type="button" value="test-button" id="button_1">
<input type="text" value="value 1" id="input_1">
<input type="text" value="value 2" id="input_2">

这是一个完美的例子,说明了应该使用javascript库(如Prototype或JQuery)来抽象消除跨浏览器差异。

<div id="c" onclick="alert('hello')">Click me!</div>
<div onclick="document.getElementById('c').onclick()">Fake click the previous link!</div>

fireEvent() 方法不知道这是否适用于其他浏览器。

我没有使用jQuery,但是IIRC,前面提到的第一个方法不会触发 onclick 处理程序。

onclick

eval(document.getElementById('elementId').getAttribute('onclick'));