logo头像

求知若渴,虚心若愚

HTML 常见事件句柄

今天给大家找到一篇关于HTML事件句柄的文章,大家可以收藏使用

DHTML事件句柄
onmouseover 鼠标指针移上去
onmouseout 鼠标移开的效果
onclick 点击事件
onmousedown 按住鼠标时灯才会亮
onmouseup 抬起鼠标时灯才会亮
onload 当页面完成加载是显示一个提示框
事件 当…时发生
onabort 用户终止页面加载
onblur 用户离开对象(失去焦点)
onfocus 用户激活对象(获取焦点)
onchange 用户改变对象的值
onclick 用户点击对象(单击)
ondblclick 用户双击对象(双击)
onkeypress 按压键盘
onkeydown 按下键盘
onkeyup 松开键盘
onload 页面完成加载
onmousedown 用户按下鼠标按钮
onmousemove 鼠标指针在对象上移动
onmouseover 鼠标指针移动到对象上(鼠标悬停)
onmouseout 鼠标指针移出对象
onmouseup 用户释放鼠标按钮
onreset 用户重置表单
onsubmit 用户提交表单
onselect 用户选取页面上的内容
onunload 用户关闭页面
Offset 家族 拿到的是盒子大小包括边框和padding
OffsetWidth
OffsetHeight
OffsetParent 第一个非静态定位元素的父元素若是没有就是Body
OffsetLeft 和offsetParent之间的距离
OffsetTop
Scroll 指的是内容大小
ScrollWidth/Height
ScrollTop 当有垂直滚动条时 上面卷起来的部分
ScrollLeft 当有水平滚动条时左边卷起来的部分
获取界面的滚动效果 Window.pageYoffset 垂直方向 Window.pageXoffset 水平方向
节点
ChildNodes 所有孩子的节点
First child 第一个节点
Lastchild 最后一个节点
Nextsibling 下一个兄弟节点
PreviousSibling 上一个兄弟节点
ParentNode 父节点
元素
ParentNode 可以拿到父元素
Children 所有子元素
firstElementChild 第一个子元素
LastElementChild 最后一个子元素
NextElementsibling 下一个兄弟元素
PreviousElementSibling 上一个兄弟元素
appendchild 把子元素增加到父元素里
CloneNode(false) 只克隆节点
CloneNode(true) 克隆节点和内容
InsertBefore (插入的 ,插入的位置)
创建节点
Document.write InnerHTML 不常用
CreateElement 创建节点
Document.createElement(’标签名’)
删除子元素
Removechild 从爹里面删除儿子
数组方法 Var arr = new Amay()
Push() 末尾添加一个元素或多个元素
Pop() 末尾删除一个元素
Unshift 最前面添加一个或多个元素
Shift 最前面删除一个元素
reverse() 反转数组
Sort() 排序需要一个参数
Sort(a,b) 数字比较
Return a-b; 升序
Return b-a 降序
Concat()连接数组 Var arr1 = [] Var arr2 = [] Arr.concat(arr2,arr3)
Slice() 两个参数[开始位置,结束位置]
Splice(3) 一个参数 从第3个开始后面都删除包括3
Splice(3,3)两个参数 从第3个开始删除3个(包括第三个也删除)
Splice(3,5,100,200,50) 多个参数 第3个开始删除3个然后往里面添加内容
支付宝打赏 微信打赏

赞赏是对我们的肯定!