Javascript 监听器是监听 HTML 元素的事件，当事件发生时执行特定的功能。它在 Web 开发中非常常用，可以实现用户交互，提升用户体验。常见的事件有点击事件、输入事件、鼠标移动事件等。

以下是一个点击按钮后改变颜色的例子：

const button = document.getElementById('button');button.addEventListener('click', function() {document.body.style.backgroundColor = 'red';});

首先我们用 document.getElementById() 方法获取到按钮元素，再使用 addEventListener() 方法绑定一个点击事件。当用户点击按钮时，匿名函数中的代码将会执行。这里将 body 的背景色改变为红色。

除此之外，Javascript 监听器还可以监听用户键盘输入的事件：

const input = document.getElementById('input');input.addEventListener('input', function() {console.log(input.value);});

这里我们使用了 input 的事件，当用户在该输入框中输入内容时，匿名函数会打印出用户输入的内容。这个监听器在表单验证中非常有用。

另外一个常见的事件是鼠标移动事件：

const box = document.getElementById('box');box.addEventListener('mousemove', function(event) {console.log(event.clientX, event.clientY);});

这里我们使用了 mousemove 事件，并且在匿名函数中使用了 event 参数。当鼠标在该元素中移动时，会实时打印出鼠标的坐标。这个监听器可以用来实现拖拽等功能。

总之，Javascript 监听器可以监听所有 HTML 元素的事件，为 Web 开发提供了很多的便利。我们可以利用这个特性实现一些有趣的交互效果，同时也可以使用它来进行表单验证、拖拽操作等等。