java纯文本的单行区域_javascript – 纯文本和单行contenteditable div

我正在尝试制作一个“单行”和“纯文本”的可疑div.换句话说,我只想制作一个< input type =“text”>,但不会出现在这种形式中.如何使用contenteditable div的形式来呈现< input type =“text”>？的形式？

解决方法:

您可以使用JavaScript禁用contentEditable元素的Enter键.这是一个jQuery版本：

$('[contenteditable]').keypress(function (e) {

if (e.keyCode == 10 || e.keyCode == 13) {

e.preventDefault();

// Submit the form, etc.

}

})

.on('paste keyup', function () {

var _this = this;

setTimeout(function () {

// remove the markups

$(_this).html($(_this).text());

}, 0);

});

[contenteditable] * {

display: none; /* hide all descendants */

}

[contenteditable] {

display: inline-block;

width: 200px;

overflow: hidden;

-webkit-appearance: textfield;

-moz-appearance: textfield;

appearance: textfield;

white-space: nowrap;

}

blah blah blah...

标签：html,javascript,css,contenteditable

来源： https://codeday.me/bug/20190829/1763847.html