javascript - 如何防止光标回车？

Question

我有一个简单的搜索字段 div，但问题在于:

我想使用我的代码(而不是另一个库)来防止这种方式的回车。

这是我的 html:

<div id="search" contenteditable="true" oninput="searchChanged()"></div>

Javascript:

function searchChanged () {
    queries.search = document.getElementById("search").innerText;
    if (!queries.search.match(/\S/)) { delete queries.search; }
    updateURL();
    updateSearch();
}

和 CSS:

#search {
    width:200px;
    height:25px;
    background-color:#fcfcfc;
    outline: 1px solid #eee;
    focus:none;
    position:absolute;
    text-align: left;
    vertical-align: middle;
    right:5px;
    margin-top:22px;
    padding-left:5px;
}

Answer 1

解决方案

function searchChanged () {
    queries.search = document.getElementById("search").innerText;
    if (!queries.search.match(/\S/)) { delete queries.search; }
    updateURL();
    updateSearch();
}

#search {
    width:200px;
    height:60px;
    background-color:#fcfcfc;
    outline: 1px solid #eee;
    focus:none;
    position:absolute;
    text-align: left;
    vertical-align: middle;
    overflow:auto;
    margin-top:22px;
    padding-left:5px;
}
#search br{
display:none;
}

<div id="search" contenteditable="true" oninput="searchChanged()"></div>