事件

一.事件对象:在事件触发时,由浏览器传递给事件的;接受事件对象:在事件处理函数内接受;
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 校验不通过;
前后端交互:请求--------应答模式
表单验证:在前端完成数据合法性校验;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值