将 javascript 属性事件转发到不同的处理程序/类型

Question

我目前正在尝试为触摸屏计算机设置一个网页，并且注意到（用我的胖手指）onclick 事件确实很难触发，因为我手指的表面积通常会导致光标移动，而我“点击”。

我想使用的解决方案是将 onmousedown 事件转发到 onclick。我怎样才能做到这一点？

最好的答案是：（

<input type="radio" onmousedown="this.onclick()"/>

但当然是在工作条件下）

编辑：我的具体示例是单选按钮 - 当一个被选中时，其他按钮未被选中；当浏览器免费提供给我时，我不想在自定义事件中复制此行为。

注意：编辑并收到反馈后，我认为也许我可能走错了路......也许实际上不是单选按钮上的“单击”功能来进行选择：欢迎新建议......

Answer 1

好的，编辑之后就变得更清楚了 - 您想要做的是在触发 mousedown 事件时模拟用户单击控件。

两个选项：

1. 您可以触发 DOM 事件 - 本关于 DOM 事件的教程讨论了this（请参阅手动触发事件部分）； 触发 Javascript 事件 涵盖了类似的内容。
2. 设置onmouseout="this.checked = true;"，即单击单选按钮“检查”/选择单选按钮。

Answer 2

为什么不直接处理 mousedown 事件呢？

Answer 3

我知道你在问题中没有提到它，但如果你碰巧使用 jQuery，那就真的很简单：

$().live('mousedown', function() { this.click(); });

Answer 4

也许这对您有用

document.getElementById("yourinput").onmousedown = function() {
   this.click();
}

此外，您可以将输入按钮/字段的样式设置得更大一些，以便通过指针更好地访问。

Answer 5

最好有一个函数来处理这两个事件，例如

var function = foo(e) {
   ...
};

<input onclick="foo();" onmousedown="foo();"/>

最好还是使用不显眼的 JavaScript，例如（如果您使用的是 YUI）：

<input id="input-el"/>

var function = foo(e) {
   ...
};

var Event = YAHOO.util.Event;

Event.on('input-el', 'click', foo);
Event.on('input-el', 'mousedown', foo);