一个不错的属性contenteditable

最新推荐文章于 2023-11-11 05:41:08 发布

原创最新推荐文章于 2023-11-11 05:41:08 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

7788 专栏收录该内容

26 篇文章

订阅专栏

本文通过一个简单的示例展示了HTML5 contenteditable属性与jQuery的结合使用方式，虽然jQuery的change事件在这种场景下并不适用，但展示了如何通过点击按钮获取编辑区域的内容。

<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<div contenteditable=true id=td1>
11111
</div>
<button onclick=showChanged()>change</button>

<script>
function showChanged(){
alert($("#td1").html());
}
</script>

在看html5 ，一个不错的属性，可惜jquery的change不支持。。。其实想达到angularJS那个效果