谷歌FastButton多用途
谷歌FastButton多用途
提问于 2013-02-07 12:55:36
我已经将Google的FastButton脚本实现到了一个网页中。如下所示：
Trying to implement Google's Fast Button
代码运行得很好。我的问题是如何为多个按钮实现这一点。我有几个动态创建的按钮。我不想定义每个按钮都有自己的功能。我可以将此脚本与传递某些变量的另一个函数一起使用吗？
例如，<button id="quick" onclick="someFunction(24);">button</button>
当前实现
new FastButton(document.getElementById('quick'), function() {
alert("hello");
});
<button onclick="onLayerClick(8)">8</button>回答 1
Stack Overflow用户
回答已采纳
发布于 2013-02-07 13:19:10
这里有一种方法:根据粘贴的链接，FastButton原型接受一个函数作为其第二个参数(this.FastButton = function(element, handler))，并将单击事件传递给该函数。所以如果你这样做的话：
HTML：
<button id="quick">24</button>JS：
var myHandler = function(event) {
var el = event.target;
console.log(el.innerHTML);
}
new FastButton(document.getElementById('quick'), myHandler);然后，myHandler()函数将可以访问发起单击事件的DOM元素(event.target)，即所单击的任何按钮。因此，您可以访问该按钮的innerHTML，或者您可以在该按钮上放置一个data-mynumber="24"属性，并使用el.getAttribute("data-mynumber")而不是el.innerHTML……但是，您想要确定按钮是由您决定的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14743828
复制相关文章
相似问题
腾讯云开发者
