限制按钮的可点击区域答案

【问题标题】：Restrict button's clickable area限制按钮的可点击区域
【发布时间】：2012-08-28 16:56:18
【问题描述】：

我有以下复选框，上面有一个类，以备将来使用

.class{onClick: "doSomething()"}= check_box @var, :var

但是有一个问题。让我们假装|AAAA|是按钮，如果我点击 ==.. 它仍然会触发 doSomething()。

|AAAA| ====================

我试过了

display: block

在css中，但它不起作用

谢谢

【问题讨论】：

【解决方案1】：

这是因为标签和输入区域都包含在.class中。

相反，通过 js 指定您只希望复选框输入触发您的 JS 操作，而不是标签。

= check_box @var, :var, id: 'my-id'

然后：

:javascript

   $("input#my-id").click(function() {
       doSomething();
   });

【讨论】：

【解决方案2】：

生成的html是什么？

看起来您已将 onClick 处理程序设置为外部 div，而不是复选框。

（我假设你有理由在不显眼的地方使用内联 javascript）

【讨论】：

【解决方案3】：

这可能有两个原因：

1：您在复选框周围有一个标签标签以及包含 ===================== 的元素（正如您在问题中所说）

2：您可能没有将类赋予复选框，而是绑定到另一个包含复选框的元素。

【讨论】：