Visual studio code 切换webview时,输入无法聚焦
我创建了一个简单的演示,使用webview官方实例进行了修改,请帮助查看此问题: 演示内容: 1、 运行Visual studio code 切换webview时,输入无法聚焦,visual-studio-code,vscode-extensions,Visual Studio Code,Vscode Extensions,我创建了一个简单的演示,使用webview官方实例进行了修改,请帮助查看此问题: 演示内容: 1、 运行Cat编码:启动Cat编码会话创建网络视图 第一次创建webview时,焦点是正常的 2、 再次运行Cat编码:启动Cat编码会话以创建网络视图 焦点是正常的 3、 在步骤1中切换到webview时,此焦点不起作用 我收听了切换事件,并向网络发送了一条消息,使其成为焦点,但焦点不起作用 this._panel.onDidChangeViewState( e =>
Cat编码:启动Cat编码会话
创建网络视图
第一次创建webview时,焦点是正常的
2、 再次运行Cat编码:启动Cat编码会话
以创建网络视图
焦点是正常的
3、 在步骤1中切换到webview时,此焦点不起作用
我收听了切换事件,并向网络发送了一条消息,使其成为焦点,但焦点不起作用
this._panel.onDidChangeViewState(
e => {
if (this._panel.visible) {
this._panel.webview.postMessage({ command: 'showFocus' });
this._update();
}
},
null,
this._disposables
);
media/main.js:
var input = document.getElementById('input_1')
input.focus()
window.addEventListener('message', event => {
const message = event.data
switch (message.command) {
case 'showFocus':
console.log('showFocus')
console.log('input:', input)
input.focus() //It doesn't work here
break
}
})
vscode社区问题地址:
问题是:
切换webview时,插件通过消息向webview发送信号,并主动要求webview的输入重新聚焦。而不是在鼠标点击屏幕后聚焦输入