Javascript 在结果上创建省略号和关键字匹配

我在如何解决这些问题上遇到了问题

第一个是，每当用户输入超过10个字符时，我希望使用“省略号（…）”。这是我的代码Jquery代码

$("#input").bind("keypress keydown", function(){
setTimeout(function(){
    $("#results").text($("#input").val());
},0);

}))

这是我的html标签

Enter Character here: <input type="text" id="input">
Search Results: <input type="text" id="search">
<div id="result"></div>

在此处输入字符：
搜索结果：

第二个问题是，我想突出显示与我创建的搜索输入匹配的单词。就像谷歌搜索一样。无论何时输入关键字，它都会在搜索结果中突出显示这些关键字

---

jsiddle:

我个人会使用CSS的

文本溢出

属性在文本不适合其容器时添加省略号：

p {
    overflow: hidden;
    text-overflow: ellipsis;
}

但我已经演示了如何在小提琴中使用javascript来实现这一点。我还为你的第二个问题添加了一个示例：

---

爵士爵士。您的JSFIDLE就是我所说的：是的，可以使用css，但省略号将取决于容器的大小。非常感谢，先生！上帝保佑D