Gtk.Window中的WebView无法检测鼠标点击问题求助

1. 修复代码语法错误 #

你的Gtk.Window构造函数存在两处语法错误，会导致组件初始化异常：

• type: Gtk.WindowType.TOPLEVEL末尾缺少逗号，破坏对象属性结构
• webView.load_uri(https://www.example.com)中URI未加引号，属于非法JS语法

修正后代码片段：

window = new Gtk.Window({
    type: Gtk.WindowType.TOPLEVEL, // 补上逗号
    decorated: false,
    skip_taskbar_hint: true,
    skip_pager_hint: true,
    resizable: false,
});

// ...

webView.load_uri('https://www.example.com'); // URI添加引号

2. 确保WebView获取输入焦点 #

窗口显示后，需显式让WebView获取焦点，否则鼠标事件会被窗口容器拦截，无法传递到网页内容：

window.show_all();
webView.grab_focus(); // 添加该行，强制WebView捕获焦点

3. 处理GNOME Shell环境下的事件冲突 #

由于你使用GNOME Shell的St.Bin组件触发窗口，弹出的Gtk窗口可能被Shell的事件系统拦截，需添加accept_focus属性确保窗口能正常接收输入事件：

window = new Gtk.Window({
    type: Gtk.WindowType.TOPLEVEL,
    decorated: false,
    skip_taskbar_hint: true,
    skip_pager_hint: true,
    resizable: false,
    accept_focus: true, // 新增属性，允许窗口接收焦点
});

4. 显式启用WebView交互属性 #

虽然WebKitWebView默认支持交互，但显式启用相关属性可避免环境差异导致的异常：

webView = new Webkit.WebView();
webView.set_can_focus(true); // 允许WebView获取焦点
webView.set_editable(true); // 启用网页交互能力

完整修正后的_handleclick函数 #

function _handleclick(){
    window = new Gtk.Window({
        type: Gtk.WindowType.TOPLEVEL,
        decorated: false,
        skip_taskbar_hint: true,
        skip_pager_hint: true,
        resizable: false,
        accept_focus: true,
    });
    
    window.set_default_size(400, 600);
    
    webView = new Webkit.WebView();
    webView.set_can_focus(true);
    webView.set_editable(true);
    webView.load_uri('https://www.example.com');
    
    window.add(webView);
    window.set_position(Gtk.WindowPosition.MOUSE);
    window.show_all();
    webView.grab_focus();
}

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