javascript - 无法在 FireFox 上编辑 contenteditable div
问题描述
我尝试在我的特定项目中使用 div 作为输入。
用户可以拖动项目。
问题出在 Firefox 上,无法编辑“测试”。
进行测试,请等待 3 秒。
剧本:
$(document).ready(function() {
$(".form_bal_textfield").draggable({
helper: function() {
return getTextFieldHTML();
},
connectToSortable: ".form_builder_area"
});
$(".form_builder_area").sortable({
cursor: 'move',
placeholder: 'placeholder',
start: function(e, ui) {
ui.placeholder.height(ui.helper.outerHeight());
},
stop: function(ev, ui) {
}
});
$(".form_builder_area").disableSelection();
});
function inputChange(objInput) {
objInput.setAttribute('value', objInput.value);
}
#label_mkxztyxf {
border: 1px solid #DFE3E7;
padding: .47rem .8rem;
}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://filebin.net/z6dqw9j0nlzssg41/draggable.css">
<br/>
<div id="lblSource" class="form_builder_area ui-sortable">
<div id="label_mkxztyxf" onchange="inputChange(this);">
<div class="fr-wrapper" dir="rtl">
<div contenteditable="true">test</div>
</div>
<script src="https://filebin.net/z6dqw9j0nlzssg41/jquery-ui.js"></script>
解决方案
推荐阅读
- typescript - 为什么这里有“隐式任何返回类型”错误?
- r - 用 ggplot2 绘制环境函数
- python - 如何根据python脚本中的标签值($VARIABLE)“获取”某些环境变量
- vulkan - 如何获得并行 GPU 像素渲染?用于体素光线追踪
- python - Django 在特定 URL 上提供服务 - 相对 URL 已损坏
- sas - 有兴趣了解 SAS 的新知识
- java - 如何使用 for 循环修复未对齐的数组列表显示
- javascript - 自定义函数子字符串 Apps 脚本
- javascript - 循环遍历包含 Array 作为值的对象并组合所有值,对它们进行排序,重新索引和更新值
- sql - 用于连接多对多表的 Linq 查询