一.DomElement
1.addCssClass:为元素添加相应的css样式.
Sys.UI.DomElement.addCssClass(element,className);
2.containsCssClass:判断元素是否包含相应的css样式,返回true,false
var b=Sys.UI.DomElement.containsCssClass(element,className);
3.getBounds:获取元素的边界信息,返回json对象,包括x(x轴坐标),y(y轴坐标),Height(高度),Width(宽度)
var b=Sys.UI.DomElement.getBounds(element);
var x=b.x;
var y=b.y;
var w=b.Width;
var h=b.Height;
4.getElementByID:从元素的子节点中寻找Dom元素。若不指定元素则从Document开始搜索
var b=Sys.UI.DomElement.getElementByID(id,element);
缩写为$get(id,element);
5.getLocation:获取元素的位置信息,返回json对象,包括x(x轴坐标),y(y轴坐标)
var b=Sys.UI.DomElement.getLocation(element);
var x=b.x;
var y=b.y;
6.removeCssClass:从元素中移除相应的css样式
Sys.UI.DomElement.removeCssClass(element.className);
7.setLocation:为元素设置x,y轴坐标
Sys.UI.DomElement.setLocation(element,x,y);
8.toggleCssClass:如果元素不包含相应的css样式,则添加,如果有则移除。
Sys.UI.DomElement.toggleCssClass(element,className);
二.DomEvent
一.Methods
1.DomEvent:获取Dom事件
var d=new Sys.UI.DomEvent(domObject);
2.addHandler:为Dom元素添加指定事件的指定函数
Sys.UI.DomEvent.addHandler(element,eventName,handler);可简写为
$addHandler(element,eventName,handle);
3.addHandlers:为Dom元素添加一系列事件的指定函数
Sys.UI.DomEvent.addHandlers(elment,events,handlerowner);可简写为
$addHandlers(element,events,handlerowner);
4.clearHandlers:移除Dom元素中所有通过addHandler和addHandlers方法添加的函数
Sys.UI.DomEvent.clearHandlers(element);可简写为$clearHandlers(element);
5.preventDefault:阻止执行Dom元素的默认事件处理函数
6.removeHandler:为Dom元素移除指定的事件处理函数
Sys.UI.DomEvent.removeHandler(element,eventName,handler);可简写为
$removeHandler(element,eventName,handler)
7.stopPropagation:阻止Dom元素的事件冒泡传递给父级元素
二.Properties
1.altKey:事件执行时键盘是否按下了”Alt”键
2.button:事件执行时鼠标按下的是哪个键,返回枚举类型
3.clientX:事件执行时鼠标指针的横坐标
4.clientY:事件执行时鼠标指针的纵坐标
5.ctrlKey:事件执行时剪片是否按下了“Ctrl”键
6.offsetX:事件执行时鼠标指针相对操作的Dom元素的横坐标
7.offsetY:事件执行时鼠标指针相对操作的Dom元素的纵坐标
8.screenX:事件执行时鼠标指针相对用户的屏幕的横坐标
9.screenY:事件执行时鼠标指针相对用户的屏幕的纵坐标
10.shiftKey:事件执行时键盘是否按下了“Shift”键
11.target:执行事件的对象
12.type:事件的类型
DomElement.aspx:
点击AddCss按钮:
点击toggleCss按钮:元素背景如果已经是红色则变成白色,否则变为红色
点击ContainCss按钮:
点击getlocation按钮:
点击setlocation按钮:
DomEvent.aspx:
点击click me按钮:
鼠标移动选择option: