html代码
- css 超出文字省略
- js判断json为空
- JavaScript反转数组实用的4种方法
- JS检查数组中是否存在某个元素
- js反转数组
- img图片和a标签在同一行的css写法
- js正则校验是否字符串为纯中文
- li浮动时ul高度为0
- js数组遍历、截取、删除、元素查询
- view、div水平横向排列
- js document 增加、删除、操作节点和子节点
- js判断JSON为空
- input数字类型去掉上下箭头
- css鼠标指针cursor
- js两个时间相减得出时分秒
- Math.random()随机数四舍五入
- 使用js去除字符串内所带有空格的三种方法
- var、let与const变量声明比较
- js字符串切割split
- append和appendChild比较
- js给button添加点击事件
- 原生AJAX、XMLHttpRequest发送post表单请求
- js给input框点击回车事件
- css伪类选择器
- document移除style一个样式属性
- html2canvas如何实现滤镜效果
- html2canvas提高图片质量清晰度
- transform translate实现位移
- transform旋转rotate
- html link中的canonical
- transform缩放scale
- css3过渡效果transition用法介绍
- css3滤镜(filter)
- css3 transform与transition结合使用
- prism实现代码高亮
js给button添加点击事件
时间:2023-12-28
一般我们直接声明一个button元素,然后在里面写入click事件。如果使用dom,则需要额外声明:
一、方法一
var searchBtn= document.getElementById(“searchBtn”); searchBtn.onclick = function(){ console.log(“HelloWorld”); } |
二、方法二
使用addEventListener,添加click事件监听。
document.getElementById("searchBtn").addEventListener("click", function(){ console.log(“HelloWorld”); }); |