javascript - Electron :总是返回 ontouchstart = true

Question

我目前正在使用 Electron 开发 Web 应用程序。如果我在普通的 Chrome 浏览器中打开该应用程序，它会按预期工作:点击为点击，触摸为触摸。

但是如果我用 electron 打包它，它就不能正常工作——它总是返回 touchstart = true，即使我不在响应 View 的开发工具中或在可触摸的设备上——所以点击不会工作。

这是我的 javascript 文件的开头:

var selectEvents = (function () {
    if ('ontouchstart' in document === true) {
        return "touchstart";
    } else {
        return "click";
    }
})();

这是我的 electron 的 main.js

const {app, BrowserWindow} = require('electron');
const path = require('path');
const url = require('url');

// init win
let win;

function createWindow(){
    // create browser window
    win = new BrowserWindow({width:3840, height: 1080, icon:__dirname+'/images/icons/bosch_logo.jpg', kiosk: true});

    // load index.html
    win.loadURL(url.format({
        pathname: path.join(__dirname, 'index.html'),
        protocol: 'file:',
        slashes: true
    }));

    // open devtools
    win.webContents.openDevTools();

    win.on('closed', () => {
        win = null;
    });
}

// Run create window function
app.on('ready', createWindow);


// quit when all windows are closed
app.on('window-all-closed', () => {
    // check for mac osx
    if(process.platform !== 'darwin') {
        app.quit();
    }
})

在我的 HTML 中，我创建了一个 ID 为“next-button-1”的按钮在交互之后，它通常会检查脚本是点击事件还是触摸事件。

$('#next-button-1').on(selectEvents, function () {
...
}

现在在谷歌上搜索了很长时间，但没有找到有效的解决方案。也许你可以帮助我

Answer 1

在第一个返回中添加了“点击 touchstart”。现在它也适用于 Electron。希望这是可靠的。

var selectEvents = (function () {
    if ('ontouchstart' in document === true) {
        return "click touchstart";
    } else {
        return "click";
    }
})();