刚坐在车里就开始电闪雷鸣。听着隆隆的雷声，没有恐慌，到有几分振奋人心的舒心感、酣畅淋漓感。朝外望去，突然间，狂风夹杂着骤雨席卷而来，一泻千里。瞬间暴雨如注，打在地上，溅起朵朵浪花，在热浪的蒸腾下激起层层水雾。满大街是慌乱的人群，行人跑着、叫喊着，唧唧喳喳的赶着在房檐下躲雨。这时候伞是没有用的，挡不住狂风暴雨的袭击，无论是带了伞的，还是没带伞的，全都躲在了房檐下。
javascript 中的点击事件，可以通过多种不同的添加方式来实现。下面介绍三种 javascript 中添加点击事件的示例代码，个人可以根据自己的项目需要选择不同的实现方式。
js添加点击事件的代码
<!--html代码-->
<button id="mochu">我是按钮</button>
<script>
var btn = document.getElementById('mochu');
btn.onclick = function(){
alert('');
};
</script>addEventListener() 方法添加点击事件
html DOM 中的 addEventListener() 方法可以向指定元素添加事件的句柄。它常用的为两个参数，一个为事件名称，另一个为事件触发的函数。
语法：
element.addEventListener(event, function)
示例代码：
<script>
var btn = document.getElementById('mochu');
btn.addEventListener('click', function () {
alert('http://www.feiniaomy.com')
},
false);
</script>DIV元素中直接加入点击事件
可以直接在DIV元素中添加 onclick 事件以及要执行的函数。
此种方法与第一种方法类似，只是代码的书写方式不同而已。
<!--html代码-->
<button onclick="a()">点击我</button>
<script>
function a(){
alert('我是弹出的内容');
}
</script> 以上就是javascript点击事件的多种写法。把你的脸迎旭日光，那就不会有暗影。更多关于javascript点击事件的多种写法请关注haodaima.com其它相关文章！