Javascript JS onclick mobile alternative-onclick在iOS和Android上也不推荐使用

我有HTML格式的

<div class="aplplyevent">
  <input type="hidden" name="type" value="" />
  <div class="hidden-div" id="hidden-div">
    Here is my form that is displayd on click and the button APPLY EVENT will disappear!(As long as my form already has a button!)
  </div>
  <span style="display:block"><button class="btn btn-applyevent" onclick="getElementById('hidden-div').style.display = 'block'; this.style.display = 'none'">APPLY EVENT</button></span>

在桌面设备上工作正常，但在iOS和Adroid上，我的主按钮“应用事件”并没有消失，我有两个按钮，主按钮（停止消失）和窗体按钮

iOS从v8开始，到现在的Android也似乎停止了对“onclick”的支持

有人能帮我吗？我是JS的初学者

---

我认为使用jQuery更好。这也许能把事情办好

Html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div class="aplplyevent">
  <input type="hidden" name="type" value="" />
  <div class="hidden-div" id="hidden-div">
    Here is my form that is displayd on click and the button APPLY EVENT will disappear!(As long as my form already has a button!)
  </div>
  <span style="display:block"><button class="btn btn-applyevent" id="buton">APPLY EVENT</button></span>

---

HTML

onClick

已被弃用，它仍然可以在所有主流浏览器中使用，但仍然被认为是一种不好的做法。将所有不同的代码族分开是一种很好的做法。将javascript从HTML内联脚本中分离出来，维护变得很容易。因此，请尝试使用如下Javascript绑定事件

document.getElementById（“applyEvent”）.addEventListener（“单击”，函数（）{
document.getElementById（'hidden-div'）.style.display='block'；
this.style.display='none'；
});
.hidden div{
显示：无；
}

这是我的表格，点击显示，按钮应用事件将消失！（只要我的表单已经有按钮！）
应用事件
我切换到使用锚定标记，而不是在href属性中使用javascript函数的按钮。像这样：

<a href="javascript: myFunction();" style=" border: #000000 1px solid; padding: 2px; text-decoration: none; background: #FF0000; color: #FFFFFF; "> click this button </a>



我检查过的所有浏览器都支持它，如PC IE、PC Firefox、PC Chrome以及IOS和Android上的移动浏览器。
样式标记只是为了使链接看起来像一个按钮。
我这样做的原因是因为我的网页上有多个按钮，所有按钮都是动态生成的，生成javascript代码来注册每个按钮似乎会向浏览器抛出很多额外的代码

另外，我的HTML代码如下所示：

<script type="text/javascript">
function myFunction(a){
// do something
}
</script>

<div id="a1">
<p> text here </p>
<a href="javascript: myFunction('a1')"> Button text </a>
</div>

<div id="a2">
<p> text here </p>
<a href="javascript: myFunction('a2')"> Button text </a>
</div>

<div id="a3">
<p> text here </p>
<a href="javascript: myFunction('a3')"> Button text </a>
</div>


函数myFunction（a）{
//做点什么
}
此处文本

此处文本

此处文本


等等

我很确定有更好的方法来做我想做的事情，但这对我来说暂时有效。
不适用于nuthin，但我不认为这是不推荐的。这被认为是“坏习惯”。@Reddy-我不知道JQuery！我需要在我的网站WordPress CMS上实现这个功能。任何解决方案都将不胜感激@我明白了。我给出了我的答案，如果有，请告诉我helps@Teo米海拉，你希望从中发现什么？当我来到这里时，我希望有两种解决办法。首先将事件侦听器附加到DOM对象，然后使用jQuery执行相同的操作。这两个答案都可以在这里找到。此外，onclick并没有真正贬值。那你为什么要悬赏？谢谢@bibash adhikari你的代码行得通！为此，想要在WordPress中使用的人应该用jQuery替换JS first$？我希望你能给我一个链接，我什么也找不到。Thx。@HumbeBerginnings根据编码标准不推荐使用
用法
。但仍然适用于所有主流浏览器。很抱歉给你添麻烦。。
<a href="javascript: myFunction();" style=" border: #000000 1px solid; padding: 2px; text-decoration: none; background: #FF0000; color: #FFFFFF; "> click this button </a>

<script type="text/javascript">
function myFunction(a){
// do something
}
</script>

<div id="a1">
<p> text here </p>
<a href="javascript: myFunction('a1')"> Button text </a>
</div>

<div id="a2">
<p> text here </p>
<a href="javascript: myFunction('a2')"> Button text </a>
</div>

<div id="a3">
<p> text here </p>
<a href="javascript: myFunction('a3')"> Button text </a>
</div>