@deot/helper-dom v1.1.3
@deot/helper-dom
考虑到tree-shaking, 不支持链式调用
DOM/$
import * as $ from "@deot/helper-dom";
// or
import { $, DOM } from "@deot/helper";prefixStyle
prefixStyle(key: string)
样式兼容前缀
- key: 样式的名字
示例
prefixStyle('transform');composedPath
$.composedPath(event: object)
e.taget父层相关path兼容
- event: 当前触发的事件
示例
composedPath(event);on
on(el: string | object, eventName: string, handler: Function)
注册当前事件
- event: 当前触发的事件
示例
let off = on(el, 'click', handler);
off();off
off(el: string | object, eventName: string, handler: Function)
卸载当前事件
- event: 当前触发的事件
示例
off(el, 'click', handler);once
once(el: string | object, eventName: string, handler: Function)
一次执行当前事件
- event: 当前触发的事件
示例
once(el, 'click', handler);addClass
addClass(el: string | object, className: string)
添加样式
- className: 样式名
示例
addClass(el, 'g-fs-12');removeClass
removeClass(el: string | object, className: string)
移除样式
- className: 样式名
示例
removeClass(el, 'g-fs-12');hasClass
hasClass(el: string | object, className: string)
是否包含当前样式
- className: 样式名
示例
hasClass(el, 'g-fs-12');getStyle
getStyle(el: string | object, key: string)
计算当前元素的样式对应的值（计算属性，css/style）
- key: 样式的名字
示例
getStyle(el, 'height');setStyle
setStyle(el: string | object, key: string)
设置样式
- key: 样式的名字
示例
setStyle(el, 'height', '100px');isScroll
isScroll(el: string | object, vertical: boolean)
是否含有滚动条
- vertical: 是否垂直方向
示例
isScroll(el);getScroller
getScroller(el: string | object, vertical: boolean)
获取最近的滚动条元素
示例
getScroller(el);contains
contains(el: string | object, children: object)
父层是否包含子层（计算的是x,y,w,h）
- children: 子元素
示例
contains(el, children);scrollIntoView
scrollIntoView(el: string | object, options: object)
父层是否包含子层（计算的是x,y,w,h）
- options: 可配置参数
options: 规则:
- from: number 开始
- to: number 结束
- duration: number 持续时间
- scroller: object 滚动条
示例
scrollIntoView(el, { });