鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 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>

回复

2024-12-26 16:57:25

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

发布

相关问题

HarmonyOS 输入框屏蔽系统键盘

1062浏览 • 1回复待解决

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

1212浏览 • 2回复待解决

HarmonyOS 键盘遮挡输入框

1129浏览 • 1回复待解决

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

3265浏览 • 1回复待解决

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

1307浏览 • 1回复待解决

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

1184浏览 • 1回复待解决

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

1307浏览 • 1回复待解决

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

1338浏览 • 1回复待解决

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

1813浏览 • 1回复待解决

获取输入框输入的内容

1005浏览 • 2回复待解决

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

1895浏览 • 1回复待解决

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

2291浏览 • 1回复待解决

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

1003浏览 • 1回复待解决

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

1003浏览 • 1回复待解决

HarmonyOS 输入框与软键盘问题

1374浏览 • 1回复待解决

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

1666浏览 • 1回复待解决

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

1350浏览 • 1回复待解决

HarmonyOS 密码输入框

1048浏览 • 1回复待解决

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

2842浏览 • 1回复待解决

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

1565浏览 • 1回复待解决

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

3652浏览 • 1回复待解决

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

1327浏览 • 1回复待解决

HarmonyOS 自定义键盘输入框焦点问题

1409浏览 • 1回复待解决

HarmonyOS 自定义键盘弹起后遮住输入框

1975浏览 • 1回复待解决

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

1054浏览 • 1回复待解决

提问

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

相关讨论帖

element输入框限制 2回复

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

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

鸿蒙5 文本输入框深度指南：密码类型与键盘优化实战 0回复

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

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