获取 onChange 事件类型

Posted

技术标签:

【中文标题】获取 onChange 事件类型【英文标题】:Get onChange event type 【发布时间】:2013-08-26 08:08:11 【问题描述】:

我已在表单中的组合框中注册了一个 onChange 事件。我正在尝试根据事件类型获取事件类型(例如,选择的项目或按下的键),其他操作将被执行。但我还没有设法得到这个属性。甚至可能吗?我正在使用 Dojo 1.6!

searchEvent = dojo.connect(combo, 'onChange', function(event) 
        // console debug(event.type);
    );

【问题讨论】:

【参考方案1】:

要监听按键事件,您可以使用 dojo/keys。 看一看 : http://dojotoolkit.org/reference-guide/1.6/dojo/keys.html(旧的)这里是新的 AMD: http://dojotoolkit.org/reference-guide/1.9/dojo/keys.html

请注意,旧的 dojo.connect 已被弃用,迟早将不再工作。所以如果对你来说不是什么大问题,我会使用新的 AMD。

你可以像这样监听 onKeypress(使用 dojo 1.8):

require(["dojo/keys","dojo/dom","dojo/on"], function(keys, dom, on)
on(dom.byId("exampleCombo"), "keypress", function(evt)
     alert(evt.charCode); //alerts the charCode of a letter or Number pressed
     alert(evt.keyCode); // alerts the keyCode of a key like ENTER
   );
 );

在本例中,按下键的 CharCode 将被提醒。

要监听 Co​​mbobox 的 onChange,您可以这样做

 require(["dojo/dom", "dojo/on"], function (dom, on) 
 on(dom.byId("exampleCombo"), "change", function (evt) 
     alert('evt : '+JSON.stringify(evt.type));
 );

);

警报显示:evt : 'change'。

这是上面示例的小提琴:http://jsfiddle.net/WPWv3/

有关事件及其处理的更多信息,请查看此处: http://dojotoolkit.org/reference-guide/1.9/quickstart/events.html

希望我能帮到你。

问候,米里亚姆

【讨论】:

以上是关于获取 onChange 事件类型的主要内容,如果未能解决你的问题,请参考以下文章

反应 Typescript 输入 onChange 事件类型?

javascript中select的onchange事件获取当前选项的值

打字稿 onChange 事件类型

React Native 中 TextInput 的 onChange 事件的 TypeScript 类型

hidden类型的input控件onchange事件为何不起作用?

输入类型 = 范围上的 onchange 事件在拖动时未在 Firefox 中触发