代码之家  ›  专栏  ›  技术社区  ›  Robert Deml

将按钮绑定到javascript函数

  •  4
  • Robert Deml  · 技术社区  · 16 年前

    我有一个html按钮:

    <button id="MyButton" onclick="return DoSomething()">Click Me</button>
    

    是将“onclick”属性放在html中还是使用javascript/DOM将回调附加到按钮click中更好?

    5 回复  |  直到 16 年前
        1
  •  9
  •   RC.    16 年前

    最好通过JavaScript附加它。这属于”的范畴 Unobtrusive JavaScript

    document.getElementById('YourID').onclick = nameOfFunctionToBeCalled;
    
        2
  •  4
  •   Sampson    16 年前

    支持表示和逻辑的分离,我建议您通过Javascript将事件绑定到它:

    document.getElementById("MyButton").onclick = function(){
      alert("Button Clicked");
    }
    

    把你的Javascript和CSS放在HTML之外,你会成为一个更快乐的开发人员。这种方法允许程序员编写Javascript,允许设计者构建结构和样式。你不想把编程交给设计师(内联javascript就是这样)。

        3
  •  3
  •   friedo    16 年前

    使用原始DOM非常简单:

    document.getElementById( "MyButton" ).onclick = DoSomething;
    
        4
  •  3
  •   Gabe    16 年前

    jQuery怎么样 click()

    $('#MyButton').click(DoSomething);
    
        5
  •  1
  •   Paul Alan Taylor    16 年前

    我使用 ondomready 事件来分配我的所有事件,通常存储在单独的脚本中。我所有的逻辑都放在一个地方,我的标记看起来也整洁多了。我认为标记只是用来描述页面的初始结构。代码存在于代码文件中,样式属于css文件。