Question

我有这个工作代码，我需要更改为点击而不是鼠标悬停：

var l1OK_WC = false;
var l2OK_WC = false;
function share()
{
   alert('yo');
}
function getIt_wc()
{
   if(l1OK_WC && l2OK_WC)
      window.open('http://google.ca','_self');

   if(!l1OK_WC)
      alert("Click button one");
   else if(!l2OK_WC)
      alert("Click Button two");
}

在此之后，我有了这段代码：

onmouseover="javascript:l1OK_WC=true;"
onmouseover="javascript:l2OK_WC=true;"

如何将此部件更改为单击而不是onmouseover。所以他们需要点击而不是onmouseover。我已尝试更改为onclick但脚本不再起作用。它保持不变并始终显示“单击按钮一”的消息

Answer 1

除非我误解，否则就是这么简单......

onclick="javascript:l1OK_WC=true;"
onclick="javascript:l2OK_WC=true;"

Answer 2

您可以将HTML属性更改为onclick，但这不是最佳做法。相反，为什么不将event handler附加到相关元素？

有些事情：

// Assuming you've already grabbed the elements and put them in the variable `myElements`
myElements.addEventListener('click', function() {
    l10K_WC = true;
});

这使您可以集中代码（因此您只需要进行一次更改，而不是整个HTML中的许多更改，以及帮助缓存。有关详细信息，请参阅此处：https://softwareengineering.stackexchange.com/a/86595/54164

Answer 3

替换：

onmouseover="javascript:l1OK_WC=true;"
onmouseover="javascript:l2OK_WC=true;"

通过

onclick="javascript:l1OK_WC=true;"
onclick="javascript:l2OK_WC=true;"

有关详细信息，请参阅：

onClick and onMouseOver

使用事件监听器：

<input type="button" value="Button 1" id="myButton1"/>
<input type="button" value="Button 2" id="myButton2"/>

<script>
    myButton2.addEventListener("click", function() { alert('button 1 clicked!'; }, false);
    myButton2.addEventListener("click", function() { alert('button 2 clicked!'; }, false);
</script>

Answer 4

您可以这样使用HTML： your-element onclick =“JavaScript代码”

或使用JavaScript来解雇它...... object.onclick = function（）{JavaScript Code};

如果它在一个按钮中，你将不得不用它包围它： - ）

希望这会有所帮助......

Javascript更改onmouseover单击

4 个答案: