作为前端初入门的人,如何去写一个简单点击事件呢?下面我就来教大家去写一个简单的点击事件。
第一步,点击事件的对象,就写一个简单的按钮吧,给按钮一个单击触发函数的属性:onclick。
<div>
<button onclick=”one()”>按钮</button>
</div>
然后通过给它一些样式,让它显示在页面上
页面上便呈现出一个蓝色背景的按钮,给了圆角的效果,顺便也把原始的边框样式给隐藏掉了。
接下来写最后一个步骤,JavaScript部分,定义函数。
<script>
function one(){
confirm("小菜一碟");
}
</script>
函数里我给的是confirm提示框,点击按钮便会触发这个提示框。
一个简单的点击事件就此完成。