Jquery 前置点击处理程序

Question

如果您知道更好的方法，请告诉我。对了，我有一个页面，其中包含很多按钮、图表和表格。我读过有关停止事件传播的内容，这就是我将要使用的内容。我想启用某些元素的帮助。我有一个复选框可以更改启用帮助的 div 上的光标。我想要做的是在正常点击行为之前添加一个帮助函数。

基本上就是这样。

<input type="button" value="Click me" onclick="alert ('hello')" />

我想要的是，如果单击该复选框，我会添加一个 css 类(已经完成)，然后在正常单击之前添加一个单击处理程序。单击该元素时，将运行帮助函数，并且不会触发默认按钮单击处理程序。当帮助复选框未选中时，我想删除帮助功能。我意识到我可以对每个元素进行硬编码，并检查辅助函数以查看该复选框是否已选中。但我更喜欢一种更通用的方法。

谢谢

约翰

Answer 1

        $(":button").each(function() {

            // your button
            var btn = $(this); 

            // original click handler
            var clickhandler = btn.attr("onclick");
            btn.attr("onclick", "return false;");

            // new click handler
            btn.click(function() {

                if ($("#chkbox").attr("checked") == true) {

                    // TODO: show your help
                    // TODO: catch event

                }
                else {

                    clickhandler();

                }
            });
        });