prototype事件绑定each用法

最新推荐文章于 2025-08-01 12:29:49 发布

原创最新推荐文章于 2025-08-01 12:29:49 发布 · 415 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#each #prototype #Prototype

prototype学习日记专栏收录该内容

2 篇文章

订阅专栏

本文介绍Prototype JavaScript库中的each方法使用技巧。通过实例演示了如何利用each遍历页面中相同标签或ID元素，并触发统一事件处理函数，实现点击事件监听。

为啥要each下？如果你想点击页面所有的同一个标签或者ID触发同一个函数，那么在prototype中你可以用each。

是针对多个同样的标签或者ID的方法。

示例，点击a标签，弹窗a标签的href属性：

 <script type="text/javascript">
document.observe("dom:loaded", function() {
	$$('a').each(function(item){
		item.observe('click', function(event){
		//some things you want to run
			var url = item.readAttribute('href');
			alert(url);	
		});

	});
});
</script>

转载标明出处，谢谢