内联事件的替代方案,如 onclick 、 onchange 等
Alternatives to inline event like onclick , onchange etc
我有一个应用程序,我在其中使用在线事件,例如单击、更改、JavaScript.I 正在改造应用程序。将所有内容移至 J-QUERY。在这里,我不想在 html 文件中使用任何 JavaScript 作为 AJAX request.want 来保留它 clean.So 我正在寻找替代品events.I 页面中有很多链接,并且作为 AJAX 请求发送了很多参数。需要一个解决方案。
内联事件不属于 HTML 结构。让我们保持代码分离。我们将通过两种方法之一进行分离
仅 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>
(推荐但需要快速学习曲线)使用任何框架 - AngularJS 或 BackboneJs - 完全分离模型和视图。 "HTML" 由视图呈现,View 负责 HTML 元素上的事件绑定。您的 HTML 将是普通的 HTML,那里不会出现 JS。
我有一个应用程序,我在其中使用在线事件,例如单击、更改、JavaScript.I 正在改造应用程序。将所有内容移至 J-QUERY。在这里,我不想在 html 文件中使用任何 JavaScript 作为 AJAX request.want 来保留它 clean.So 我正在寻找替代品events.I 页面中有很多链接,并且作为 AJAX 请求发送了很多参数。需要一个解决方案。
内联事件不属于 HTML 结构。让我们保持代码分离。我们将通过两种方法之一进行分离
仅 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>
(推荐但需要快速学习曲线)使用任何框架 - AngularJS 或 BackboneJs - 完全分离模型和视图。 "HTML" 由视图呈现,View 负责 HTML 元素上的事件绑定。您的 HTML 将是普通的 HTML,那里不会出现 JS。