KISSY中的this

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_34032827

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/sirzxj/archive/2011/10/23/2222034.html

本文介绍如何利用Kissy.js库简化DOM操作和事件监听过程，通过实例展示了如何创建按钮并添加点击事件，实现弹窗显示功能。

 1 <!DOCTYPE HTML>
 2 <html lang="en">
 3 <head>
 4   <meta charset="GBK" />
 5   <title></title>
 6   <script type="text/javascript" src="kissy.js"></script>
 7   <script type="text/javascript">
 8           KISSY.ready(function(S){
 9                           S.one("#btn").on('click',function(){
10                                   alert(this);//这里的this 是原生的dom对象
11                                   var parseNode = new S.Node(this);
12                                   alert(parseNode.val());
13                                  });
14                           });
15   </script>
16 </head>
17 <body>
18         <input type="button" value="Test" id="btn" />
19     
20         <div id="d1">/</div>
21 </body>
22 </html>