求助：EXTJS 5.0.0.970按钮点击事件在火狐59.0.2触屏笔记本不触发

针对你遇到的ExtJS 5.0.0.970 + Firefox 59.0.2 + 开启触控配置的触屏笔记本下按钮点击事件失效、仅触摸操作正常的问题，我之前碰到过类似的ExtJS老版本与现代浏览器触屏兼容的情况，给你提供几个可行的方案：

一、长期解决方案：升级ExtJS版本 #

ExtJS 5.0.0是比较早期的版本，官方在后续的5.x维护版本（比如5.1.4）中修复了大量针对触屏设备和现代浏览器的事件处理兼容性问题。如果项目允许的话，升级到最新的5.x稳定版是最彻底的解决方式，能从根源上避免这类事件识别冲突的问题。

二、代码修复方案（无需升级版本） #

如果暂时无法升级框架，可以通过重写按钮组件的事件逻辑来强制兼容：

1. 全局重写按钮组件 #

创建一个自定义按钮类，手动确保click事件能被正确触发：

Ext.define('FixTouchButton', {
    extend: 'Ext.button.Button',
    initComponent: function() {
        this.callParent(arguments);
        
        // 为元素绑定click事件，绕开框架可能的事件识别问题
        this.el.on('click', function(event) {
            // 主动触发按钮的click事件
            this.fireEvent('click', this, event);
        }, this);
    }
});

之后在你的代码中，用FixTouchButton替代原来的Ext.button.Button即可。

2. 单个按钮的事件兼容处理 #

如果只是个别按钮有问题，可以直接在按钮配置中同时绑定click和触摸事件，确保逻辑能被触发：

{
    xtype: 'button',
    text: '操作按钮',
    // 核心处理逻辑
    handleAction: function(btn) {
        // 这里写你的按钮点击逻辑
        console.log('按钮被触发');
    },
    handler: function(btn) {
        btn.handleAction(btn);
    },
    listeners: {
        // 绑定触摸事件，确保触屏操作正常
        touchend: function(btn) {
            btn.handleAction(btn);
        },
        // 强制绑定click事件，覆盖框架的默认处理
        click: function(btn) {
            btn.handleAction(btn);
        }
    }
}

三、临时应急方案 #

如果你需要快速临时解决问题，可以通过浏览器检测+事件绑定的方式，针对Firefox触屏环境做兼容：

// 页面加载完成后执行
Ext.onReady(function() {
    // 判断是否是Firefox且设备支持触摸
    if (Ext.isGecko && 'ontouchstart' in window) {
        // 遍历所有按钮元素，手动绑定mousedown事件触发click逻辑
        Ext.query('.x-btn').forEach(function(el) {
            var btn = Ext.getCmp(el.id);
            if (btn && btn.handler) {
                btn.el.on('mousedown', function() {
                    btn.handler(btn);
                });
            }
        });
    }
});

另外，你可以打开Firefox的开发者工具（F12），在“事件监听器”面板中检查按钮的click事件是否被正确绑定，有没有其他代码阻止了事件冒泡，这也能帮助排查问题。

内容的提问来源于stack exchange，提问作者Tejas