行内绑定:点击事件
<div οnclick='fn()'>1212</div>.
<script>
function fn(){
console.log('事件被触发了...)};
</script>
JS动态绑定:
<p>lalla</p>
//先获取标签,在绑定事件
<script>
//获取HTML中的p标签
var p=document.querySelector('p');
console.log(p);
//声明一个函数fn2,输出
function fn2(){
console.log('p标签')};
//将fn2函数体赋值给p的事件
p.οnclick=fn2;
函数体了解:
fn();---->调用函数
fn---->获取函数体
事件函数:
概念---->以on开头的都是事件,每个事件后面都有事件要处理,事件处理一般是由函数来担当
常见的鼠标事件:
onclick---->鼠标单击
ondblclick--->鼠标双击
onmouseover--->鼠标移入
onmouseout---->鼠标移出
onmousemove--->鼠标移动
onmouseup---->鼠标松开
onmousedown--->鼠标按下
表单事件:
onblur---->指定元素失去焦点(光标没了)
onfocus--->获取焦点
onreset---->重置表单
onsubmit---->提交表单
onchange--->下拉菜单改变触发