鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 输入框输入表情包系统键盘会被激活后又关闭

使用第三方H5直播，在聊天中使用第三方提供的表情，输入时出现异常。

HarmonyOS

2024-12-26 14:50:28

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

根据描述，是想插入图片的同时，不弹出系统键盘。这边有一份demo：

<html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Editor with Insert Image</title>
  <style>
#editor {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  height: 200px;
  overflow-y: auto;
}
#insert-image-btn {
  margin-top: 10px;
}
</style>
  </head>
  <body>
  <div id="editor" contenteditable="true">
  <p>Type your text here...</p>
  </div>
  <button id="insert-image-btn">Insert Image</button>
  <script>
  document.getElementById('insert-image-btn').addEventListener('click', function() {
    var editor = document.getElementById('editor');
    var img = document.createElement('img');
    img.src = 'https://via.placeholder.com/150'; // Placeholder image URL
    img.alt = 'Inserted Image';
    img.style.width = '150px'; // Adjust the width as needed
    img.style.height = 'auto';
    // Insert the image at the end of the editor
    editor.appendChild(img);
    // Prevent focus shift to the editor, hence no keyboard pop-up
    editor.blur();
  });
</script>
  </body>
  </html>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.

回复

2024-12-26 16:57:25

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 输入框屏蔽系统键盘

692浏览 • 1回复待解决

HarmonyOS 当点击输入框进行输入时，输入框未被键盘顶起

835浏览 • 2回复待解决

HarmonyOS 键盘遮挡输入框

751浏览 • 1回复待解决

自定义密码键盘，点击输入框时如何屏蔽系统输入键盘

2618浏览 • 1回复待解决

HarmonyOS 如何控制输入框弹出键盘

1031浏览 • 1回复待解决

HarmonyOS dialog上有个输入框，点击输入框键盘会将dialog顶出屏幕

869浏览 • 1回复待解决

HarmonyOS webview 里边的输入框，拉起自定义键盘，自定义键盘会覆盖掉输入框

914浏览 • 1回复待解决

HarmonyOS 输入框回车时，如果输入框内容为空，键盘不收起

1010浏览 • 1回复待解决

HarmonyOS 自定义弹窗中，点击输入框，弹起键盘，输入框被顶出屏幕了

1684浏览 • 1回复待解决

HarmonyOS webview里的输入框被键盘覆盖

725浏览 • 1回复待解决

HarmonyOS 输入框与软键盘问题

874浏览 • 1回复待解决

HarmonyOS 自定义键盘不能顶起输入框

1266浏览 • 1回复待解决

HarmonyOS web中的输入框被键盘遮住

752浏览 • 1回复待解决

页面上的TextInput输入框在页面底部，点击输入框弹起键盘，如何让输入框自动上移到键盘上方，避免被遮挡？

1469浏览 • 1回复待解决

HarmonyOS 密码输入框

808浏览 • 1回复待解决

获取输入框输入的内容

514浏览 • 2回复待解决

HarmonyOS dialog中有输入框的话，那么点击 dialog 中的输入框，键盘弹出问题

1579浏览 • 1回复待解决

HarmonyOS Web输入框中键盘mode模式问题

914浏览 • 1回复待解决

点击文本输入框，如何屏蔽系统默认键盘弹起行为

2624浏览 • 1回复待解决

HarmonyOS 多输入框切换键盘后，光标错乱

1025浏览 • 1回复待解决

HarmonyOS web组件强占输入框焦点，导致输入框光标闪烁但无法输入内容

832浏览 • 1回复待解决

HarmonyOS 输入框只能输入字母和数字

1125浏览 • 1回复待解决

点击输入框时会拉起软键盘，如何实现点击Button时软键盘关闭

3236浏览 • 1回复待解决

HarmonyOS Qt子对话框输入框无法输入文字

712浏览 • 1回复待解决

HarmonyOS 适配-输入框问题

848浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

element输入框限制 2回复

TextField获取输入框内容/TextField基础操作/输入框获取输入内容 0回复

鸿蒙输入框被软键盘遮挡的正确解决办法 3回复

HarmonyOS实战——TextField文本输入框组件基本使用 6回复

如何自定义输入框样式（TextInput） 1回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载