JavaScript程序员应该避免在移动设备上使用HTML输入按钮吗?

时间:2017-10-01 21:54:32

标签: javascript html5

在HTML中,我习惯使用输入按钮调用JavaScript函数,例如:

<input type="button" value="Click Here" onclick="myclick()"></TD>

由于我不熟悉JavaScript,我注意到JavaScript程序员使用了更多这样的东西:

$(document).ready(function(){
            $("#tapDiv").hide();
...
...
...             
                "onload": function () {
                    $("#tapDiv").show().click(function(){
                        $("#tapDiv").hide();
<div id="tapDiv" style='padding:10px;'>Tap to start.</div>

对于移动设备,最好不要使用HTML输入按钮并执行上述JavaScript的操作吗?我习惯使用HTML中的输入按钮与PHP程序一起使用,但我在JavaScript中注意到程序员似乎并没有那么多地使用它们,特别是在涉及移动设备时。 / p>

这有什么理由吗?这是否可以更好地控制网页上的事件?这对游戏开发更好吗?我应该注意的其他好处是我学习JavaScript和jQuery?

1 个答案:

答案 0 :(得分:5)

没有

按钮元素旨在与之交互。默认情况下,它们具有许多优点,例如外观和感觉,通知用户可以单击它们,选项卡顺序中的自然位置,因此不使用指点设备/触摸屏的人可以与它们进行交互,以及所有屏幕阅读器可以用来告诉用户他们可以激活的东西。

Div元素是通用块容器。当没有更好的语义元素存在时,他们的工作就是包含内容。

尽管如此,您提供的两个代码示例还有另一个显着差异。

使用JavaScript而不是内部事件属性绑定事件处理程序通常被认为是最佳实践。

  • separates concerns
  • 避免了一些nasty gotchas
  • 它允许您使用IIFE来扩展函数范围,以避免创建全局变量(避免命名空间冲突)。

这些都不是移动设备的特定或改变。<​​/ p>