Question

我有一个name="testo_da_inviare"的按钮，我可以使用以下命令触发它的点击事件

document.forms['form_da_ricordare'].elements['testo_da_inviare'].onclick

现在，我想将button元素替换为不支持a属性的name元素。所以我给了一个元素id="testo_da_inviare"

如何编辑我的js以触发onclick？ Javascript不是我的一杯茶，我还在学习如何使用普通的javascript。

Answer 1

您可以使用getElementById选择它：

var allPropertiesAreInitialised: Bool{
      get {
          return val1 =! nil && val2 =! nil //etc ...
      }
}

Answer 2

如果要触发元素事件，正确的方法是使用dispatch方法或createEventObject，而不是调用元素处理程序名称

var eventName = "click";
var element = document.getElementById("testo_da_inviare");

if (document.createEventObject) {
   // Dispatch for IE
   var evt = document.createEventObject();
   element.fireEvent("on" + eventName, evt);
}
else {
   // Dispatch for firefox + others
   var evt = document.createEvent("HTMLEvents");

   // Event type, bubbling, cancelable
   evt.initEvent(eventName, true, true);
   element.dispatchEvent(evt);
}

Answer 3

1 - 您可以让onclick事件触发链接/按钮本身，如下所示：

<a href="#" target="_self" onclick="thefunct()">description</a>
<button onclick="thefunct()">description</button>

function thefunct() {
    alert("button clicked");
}

2 - 或者像这样的剧本：

document.getElementById("id").onclick = function thefunct(){ alert('button clicked'); };

3 - 或者像这样使用eventlistener：

document.getElementById("id").addEventListener("click", thefunct);

function thefunct() {
    alert('button clicked');
}

4 - 或者像这样使用jQuery：

$("#id").click(function(){
alert('button clicked');   
});

<script src="http://code.jquery.com/jquery-2.2.1.min.js"></script>

onclick事件：选择要由id单击的项目

3 个答案: