- 发布：2022-08-23 10:34
- 更新：2022-08-23 10:34
- 阅读：229
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 6.1.7601
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： 全部
手机厂商： 华为
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
popou.vue
var that = this;
var nwating = plus.nativeUI.showWaiting();
var w = plus.webview.create('/hybrid/html/index.html', 'webviewId', {
plusrequire: "normal",
kernel: 'WKWebview',
'uni-app': 'none',
top: '44px',
height: '250px',
scalable: false
});
setTimeout(() => {
var currentWebview = this.$scope.$getAppWebview();
currentWebview.append(w);
}, 500)
w.addEventListener('loaded', function() {
nwating.close();
w.show();
}, false);
input.vue
//引入组件popou.vue
<popou></popou>
//直接使用textarea
<textarea class="font-size24 font-color33" value="" placeholder="相互交流,促进学习" v-model="content" />
popou.vue
var that = this;
var nwating = plus.nativeUI.showWaiting();
var w = plus.webview.create('/hybrid/html/index.html', 'webviewId', {
plusrequire: "normal",
kernel: 'WKWebview',
'uni-app': 'none',
top: '44px',
height: '250px',
scalable: false
});
setTimeout(() => {
var currentWebview = this.$scope.$getAppWebview();
currentWebview.append(w);
}, 500)
w.addEventListener('loaded', function() {
nwating.close();
w.show();
}, false);
input.vue
//引入组件popou.vue
<popou></popou>
//直接使用textarea
<textarea class="font-size24 font-color33" value="" placeholder="相互交流,促进学习" v-model="content" />
操作步骤：
webview 与 textarea 在同一页面，点击textarea 无法获取光标，也无法唤起键
webview 与 textarea 在同一页面，点击textarea 无法获取光标，也无法唤起键
预期结果：
textarea 与webview在同一页面 ，不影响输入
textarea 与webview在同一页面 ，不影响输入
实际结果：
textarea 与webview在同一页面,textarea 不能输入
textarea 与webview在同一页面,textarea 不能输入
bug描述：
plus.webview.create创建webview（样式设置不全屏），在同一页面使用textarea 无法输入
0 个回复