javascript实现聊天工具怎么添加自动回复功能

JavaScript026

javascript实现聊天工具怎么添加自动回复功能,第1张

1、点击javascript添加自动回复功能规则,则可以最多设置200个规则,每个规则最多可设置10个关键词和5条回复,每条回复内容需在300字以内,而且关键字不可重复。

2、点击添加规则后,关键词的回复可在“精准匹配”和“模糊匹配”中选择,“精准匹配”则表示私信内容需与关键词完全相同才能触发自动回复;“模糊匹配”则私信内容只需包含关键词即可触发自动回复,但包含的关键词需完整、准确,否则将不会触发自动回复。且现在系统仅支持文本回复,即文字,不支持图片、音频、视频、超链接等消息类型。

3、可点击选择是否全部回复,如果勾选了全部回复,则系统默认为该规则内的所有回复,如果没有勾选,则随机回复其中一条。规则名、关键字、回复信息全部设置完成后进行保存,后期可做修改。

4、以上即可让javascript实现聊天工具添加自动回复功能。

只能装一下的,一刷新就没了

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

.box{

width:500px

height:300px

border:1px solid #ccc

padding:10px

box-sizing:border-box

}

.write{

margin-top:50px

}

textarea{

width:500px

height:94px

box-sizing:border-box

}

</style>

<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>

</head>

<body>

<div>

<h2>评论区</h2>

<div class="box">

<!--<p>我是评论内容1</p>-->

</div>

</div>

<div class="write">

<textarea id="textblock"></textarea>

<button class="submit">提交内容</button>

</div>

<script>

$(function(){

var arr = []

function writecon(){

var str = ''

for(var i=0 i<arr.length i++){

str += "<p>" + arr[i] + "</p>"

}

$(".box").append(str)

}

writecon()

$(".submit").click(function(){

var textblock = $("#textblock").val()

if(textblock){

arr.push(textblock)

var str = "<p>" + textblock + "</p>"

$(".box").append(str)

$("#textblock").val("")

console.log(arr)

}else{

alert("请输入内容")

}

})

})

</script>

</body>

</html>

可以事先写一个输入框,默认是隐藏的,当你单击的时候直接让它显示。

<!-- HTML -->

<div>

    <span onclick='reply()'>回复我!</span>

    <input style='display: none' id='reply' />

</div> // JavaScript

function reply() {

    document.getElementById('reply').style.display = 'block'

}