事件

一.事件对象:在事件触发时,由浏览器传递给事件的;接受事件对象:在事件处理函数内接受;
type
target
clientX pageX
clientY pageY
事件对象兼容性:e=e||window.event;
二.事件流:事件传递
1.冒泡:事件的传递由最具体的元素层层向外传递,直到最外层元素,直到最外层元素,现代主流浏览器事件传递机制;
2.捕获:事件的传递由最外层向内层层传递,直到最具体元素;
阻止事件(冒泡):
stopPropagation()适用谷歌和火狐;
cancelBubble=ture;
两个结合写:
e?e.stopPropagation():window.event.cancelBibble=ture;
三.常见的UI事件:
load 事件优先加载;
resize窗口尺寸发生变化;
scroll
select 选中
focus 获取焦点
blur 失去焦点
四.form表单:用来进行前后端数据交互
action:数据将要提交的地址URL;
method:get(GET) post(POST) HTTP协议;
get:suceess.html?username=‘jack&pwd’=‘12345’;
简单,安全性隐患,传输内容有限制;
post success.html;安全性高,没有传输大小限制,麻烦;
onsubmit:提交事件 return表达式;
若表达式为ture或“ ” 校验通过;
若表达式为false 校验不通过;
前后端交互:请求--------应答模式
表单验证:在前端完成数据合法性校验;

你可能感兴趣的:(事件)