JS事件是指我们使用鼠标或者键盘做了某些事件来触发对应的处理函数
事件由三部分组成:
触发事件的元素;
对应的事件的函数;(事件函数的特点:全部小写且以on开头,onclick on事件开头,click是事件名点击的意思
事件的处理函数;
<!-- 内联模式 直接在标签内容以指定属性的方式 较少 --> <button οnclick="alert('hello')">点击</button> <!-- 内联模式 直接在标签内容以指定属性的方式 常用1 --> <button οnclick="handlerClick()">点击1</button> <button>点击2</button> <button>点击3</button> function handlerChick(){ consoele.log('hello') } //onclick是事件,表示点击事件 执行的操作 //function是处理的函数,表示我们要做的事情 (脚本模式,使用较多,js和html分离) document.getElementsByTagName('button')[2].onclick = function(){ console.log('hello') } //触发事件的元素 document.getElementByTagName('button')[2] //对应的时间 onclick //处理函数 function(){}
事件分类
1.鼠标事件:鼠标的一切操作都是鼠标事件 (点击,移动,滚轮)
点击相关: onclick点击 ondblclick双击
var box = document.getElementById('box') //点击click 双击dblclick box.onclick = function(){ console.log('点击了'); } box.ondblclick = function(){ console.log('双击') }
移动相关: 事件名以mouse开头
//鼠标按下(onmousedown) box.onmousedown = function(){ console.log('鼠标按下了'); } //鼠标弹起 ( onmouseup ) box.onmouseup = function(){ console.log('