仿留言功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{width: 100px;height: 100px; border: 2px solid #abcdef;overflow: auto;}
</style>
</head>
<body>
<input type="text" name="text" id="text" placeholder="请输入要发送的内容" />
<div id="box">

</div>
<script type="text/javascript">
var otext = document.getElementById("text");
var box = document.getElementById("box");
var reg = /王八蛋|你大爷的|你二大爷的/g;
otext.onfocus = function(){
document.onkeyup = function( ev){
ev = ev || event;
var val = otext.value;
if( ev.keyCode == 13 ){
if(val){
val = val.replace(reg,function( n ){
var str = '';
for (var i=0;i<n.length;i++) {
str +='*';
};
return str;
})
var p = document.createElement('p');
p.innerHTML = val;
box.appendChild( p );
otext.value = '';
}

}
}
}
</script>
</body>
</html>

posted @ 2017-03-10 10:56  张正-博客园  阅读(139)  评论(0编辑  收藏  举报