Javascript函数不改变颜色，还需要一个正则表达式来识别更多的字符

Question

我有这个功能可以重新调整并向javascript中的#hashtags添加颜色

html

<input id="input"  onkeyup="changecolor()" type="text"></input>

js函数

<script>
     function changecolor() {
        return html.replace(/(\#\w+)/g, '<span style="color: blue">$1</span>');   
     }); 
 </script>

不知何故，它在使用输入时不起作用。

我还想要一个正则表达式，使其在输入中重新识别 @ 和 http://- https://

Answer 1

正则表达式

/((\#|\@|(https?:\/\/))[^ ]{1,})/g

function changecolor(input) {
  document.getElementById('tag').innerHTML = 
    input.value.replace(/((\#|\@|(https?:\/\/))[^ ]{1,})/g, '<span style="color: blue">$1</span>');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input" onkeyup="changecolor(this)" type="text">
<div id="tag"></div>