Extjs 4 事件停止传播不起作用
Extjs 4 event stop propagation not working
我正在使用 Extjs 4 并覆盖 Ext.util.Observable
作为名称 Ext.tree.Search
。在扩展 class 中,我实现了事件侦听器 onTriggerSearch
,因此当用户在输入中键入一些单词并按下回车键时,将调用此函数并执行一些搜索工作。搜索插件的视图如下图所示:
如果用户按放大镜图标提交搜索,一切正常,但如果按回车键,搜索后页面会刷新。我应该如何完全捕获此事件(按键事件)并停止传播。我现在测试的是下面几行:
, onTriggerSearch: function (a, event, c) {
// stop event propagation
if (event.browserEvent.stopPropagation)
event.browserEvent.stopPropagation();
if (event.browserEvent.cancelBubble != null)
event.browserEvent.cancelBubble = true;
// event.browserEvent.bubbles = false;
// event.browserEvent.cancelBubble = true;
// event.browserEvent.stopPropagation();
// ======================
... some other jobs
return false; // to stop propagation
}
有几个星期我在这个问题上遇到了麻烦,现在我发现问题出在包含此输入的表单上。我已阻止使用这些答案提交表单:
How to prevent ENTER keypress to submit a web form?
完成。
我正在使用 Extjs 4 并覆盖 Ext.util.Observable
作为名称 Ext.tree.Search
。在扩展 class 中,我实现了事件侦听器 onTriggerSearch
,因此当用户在输入中键入一些单词并按下回车键时,将调用此函数并执行一些搜索工作。搜索插件的视图如下图所示:
如果用户按放大镜图标提交搜索,一切正常,但如果按回车键,搜索后页面会刷新。我应该如何完全捕获此事件(按键事件)并停止传播。我现在测试的是下面几行:
, onTriggerSearch: function (a, event, c) {
// stop event propagation
if (event.browserEvent.stopPropagation)
event.browserEvent.stopPropagation();
if (event.browserEvent.cancelBubble != null)
event.browserEvent.cancelBubble = true;
// event.browserEvent.bubbles = false;
// event.browserEvent.cancelBubble = true;
// event.browserEvent.stopPropagation();
// ======================
... some other jobs
return false; // to stop propagation
}
有几个星期我在这个问题上遇到了麻烦,现在我发现问题出在包含此输入的表单上。我已阻止使用这些答案提交表单:
How to prevent ENTER keypress to submit a web form?
完成。