内联事件的替代方案,如onclick,onchange等

时间:2015-03-30 04:50:20

标签: jquery ajax events parameters onclick

我有应用程序,我在线上事件,如点击,更改,JavaScript中使用。我正在改进应用程序。移动所有内容到J-QUERY。在这里,我不想在html文件中使用任何JavaScript,因为我正在使用AJAX request.want来保持它干净。所以我搜索在线事件的替代品。我在页面中有很多链接并发送大量参数作为一个AJAX请求。需要一个解决方案。

1 个答案:

答案 0 :(得分:0)

内联事件不属于HTML结构。让我们保持代码分离。我们将通过两种方法之一进行这种分离

  1. 仅使用jQuery - 在文档加载时绑定HTML元素上的事件。典型示例:

    <html>
        <head>
            <script>
                $(document).ready(function() {        
                    // All Hyperlinks 
                    $("a").on("click", function() {
                        // Do Something here 
                    });
                });
            </script>
        </head>
        <body>
            ..your html elements
        </body>
    </html>
    
  2. (推荐但需要快速学习曲线)使用任何框架 - AngularJS或BackboneJs - 完全分离模型和视图。 “HTML”由视图呈现,View负责HTML元素的事件绑定。您的HTML将是纯HTML,并且不存在JS。