Dom


父类

xui.absBox

构造函数

xui.Dom ( /**/ )

用[xui(nodes, flag)]得到一个新xui.Dom实例对象.

静态属性

HIDE_VALUE    TOP_ZINDEX    

HIDE_VALUE

String, 隐藏DOM元素的常量(系统隐藏DOM的方法一般是[element.style.left=xui.Dom.HIDE_VALUE]或[element.style.top=xui.Dom.HIDE_VALUE]).

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui.Dom.HIDE_VALUE)

 

TOP_ZINDEX

Number, 系统最大z-index量.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui.Dom.TOP_ZINDEX)

 

静态方法

animate    busy    byId    css3Support    fixPng    free    getEmptyDiv    getScrollBarSize    getStyle    setCover    setStyle    submit    

animate ( css,params,onStart,onEnd,duration,step,type,threadid,unit )    [函数源代码]

包装特殊效果的动画到一个xui.Thread对象中(shell线程).

返回值: xui.Thread

参数:

  • css [必需参数] : Object[CSS 键值对]. 不变的CSS样式

  • params [必需参数] : Object[Key/value([from value, to value]) pairs] . 渐变的CSS样式

  • onStart [可选参数] : Function(threadid:String). 线程第一个任务开始前的回调函数.

  • onEnd [可选参数] : Function(threadid:String). 整个shell线程结束后的回调函数.

  • duration [可选参数] : Number(ms), 动画的持续时间. 默认为300.

  • step [可选参数] : Number, 动画步长. 默认为0. [Deprecated]建议不要使用.

  • type [可选参数] : String, 动画的特效形式. 'linear','expoIn','expoOut','expoInOut','sineIn','sineOut','sineInOut','backIn','backOut','backInOut' 或 'bounceOut'. 默认为'linear'.

  • threadid [可选参数] : String, shell线程的全局识别id.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.animate({ 

  2.     backgroundColor : '#ff0000' 

  3. },{ 

  4.     left : [0,200], 

  5.     top : [0,300], 

  6.     width : [30,300], 

  7.     height : [30,300], 

  8.     opacity : [1,0

  9. },null,null,500,0,'sineOut').start()

 

^

busy ( label,busyMsg )    [函数源代码]

显示系统忙. 在DOM的正上方增加一层DIV,使用用户不能点击,并将鼠标指针变为漏斗形状.

参数:

  • label [可选参数] : String, 本 busy 的 id. 使用[xui.Dom.free(label)]释放忙状态.

  • busyMsg [可选参数] : String, 指示忙的文字,如“正在处理中”.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Thread(null,[_.fun()],1000,null,function(),function()).start()

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Thread(null,[function(){ 

  2.     xui.Dom.busy('b'); 

  3.     xui.message('Changes [label] to \'b\' '

  4. },function(){ 

  5.     xui.Dom.free(); 

  6.     xui.message('Still busy'

  7. },function(){ 

  8.     xui.Dom.free('a'); 

  9.     xui.message('Still busy'

  10. },_.fun()],1000,null,function(){ 

  11.     xui.Dom.busy('a'

  12. },function(){ 

  13.     xui.Dom.free('b'); 

  14.     xui.message('free now'

  15. }).start()

 

^

byId ( id )    [函数源代码]

等同于[document.getElementById].

返回值: Element

参数:

  • id [必需参数] : String, DOM id

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui.Dom.byId('btnLang') === document.getElementById('btnLang'))

 

^

css3Support ( key )    [函数源代码]

获取浏览器是否支持CSS特性.

返回值: Boolean

参数:

  • name [必需参数] : CSS3属性名. 'opacity,textShadow,animationName,columnCount,flexWrap,boxDirection,backgroundSize,perspective,boxShadow,borderImage,borderRadius,boxReflect,transform,transition,generatedContent,fontFace,rgba,hsla,multiplebgs,gradient,transform3d' 之一

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var arr = 'opacity,textShadow,animationName,columnCount,flexWrap,boxDirection,backgroundSize,perspective,boxShadow,borderImage,borderRadius,boxReflect,transform,transition,generatedContent,fontFace,rgba,hsla,multiplebgs,gradient,transform3d'.split(','); 

  2. var hash = {}; 

  3. _.arr.each(arr,function(o){ 

  4.     hash[o] = linb.Dom.css3Support(o); 

  5. }); 

  6. alert(_.stringify(hash));

 

^

fixPng ( n )    [函数源代码]

fixPng

^

free ( label )    [函数源代码]

释放忙状态.

参数:

  • label [可选参数] : String, the busy label.

说明: 见xui.Dom.busy

^

getEmptyDiv ( sequence )    [函数源代码]

生成一个DOM id以'xui.matrix::'开始的DOM对象.

返回值: xui.Dom

参数:

  • sequence [可选参数] : Number, DOM序列好. 默认为1.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var m1 = xui.Dom.getEmptyDiv(); 

  2. alert(m1.id())

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var m1 = xui.Dom.getEmptyDiv(),m2 = xui.Dom.getEmptyDiv(2); 

  2. alert(m1.id()); 

  3. alert(m2.id())

 

说明: 当你不再需要一个matrix div, 请清空它,以便 [xui.Dom.getEmptyDiv]可再次利用.

^

getScrollBarSize ( force )    [函数源代码]

获取当前浏览器滚动条的宽度.

返回值: Number

^

getStyle ( node,name )    [函数源代码]

获取DOM元素的CSS样式中某一个项的值.

返回值: String

参数:

  • node [必需参数] : Element, DOM元素.

  • name [必需参数] : String, CSS样式项名称,如height,width等等.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui.Dom.byId('btnLang'); 

  2. alert(xui.Dom.getStyle(n,'width')); 

  3. alert(xui.Dom.getStyle(n,'overflow'))

 

^

setCover ( visible,label )    [函数源代码]

显示或隐藏一个覆盖整个页面的DIV.

参数:

  • visible [必需参数] : Boolean or String, true=>表示显示DIV; false=>h表示隐藏DIV; 'string'=>表示显示DIV和文字.

  • label [可选参数] : String, 忙标签id.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.setCover(true); 

  2. _.asyRun(function(){ 

  3.     xui.Dom.setCover(false

  4. },2000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.setCover('a'); 

  2. _.asyRun(function(){ 

  3.     xui.Dom.setCover('b'

  4. },1000); 

  5. _.asyRun(function(){ 

  6.     xui.Dom.setCover('c'

  7. },2000); 

  8. _.asyRun(function(){ 

  9.     xui.Dom.setCover(false

  10. },3000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.setCover('<div style=\'font-weight:bold;padding:5px;border:solid 1px;background:#CCC;\'> Loading... </div>'); 

  2. _.asyRun(function(){ 

  3.     xui.Dom.setCover(false

  4. },2000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.setCover(true,'key'); 

  2. _.asyRun(function(){ 

  3.     xui.message('The cover is still visible'); 

  4.     xui.Dom.setCover(false

  5. },1000); 

  6. _.asyRun(function(){ 

  7.     xui.message('The cover is hidded.'); 

  8.     xui.Dom.setCover(false,'key'

  9. },5000);

 

^

setStyle ( node,name,value )    [函数源代码]

设置DOM元素的CSS样式中某一个项的值.

参数:

  • node [必需参数] : Element, DOM元素.

  • name [必需参数] : String, CSS样式项名称,如height,width等等.

  • value [必需参数] : String, CSS样式项值,如25px.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui.Dom.byId('btnLang'); 

  2. xui.Dom.setStyle(n,'top','100px'); 

  3. _.asyRun(function(){ 

  4.     xui.Dom.setStyle(n,'top','0px'

  5. },2000)

 

^

submit ( action,data,method,target,enctype )    [函数源代码]

提交一个HTML form(表单).

参数:

  • action [必需参数] : String(URL), 提交到哪个URL.

  • data [必需参数] : Object[键值对], 提交数据的键值对.

  • method [可选参数] : String, . HTTP method . 可以是[get|post], 默认为'get'.

  • target [可选参数] : String, 返回显示的窗口位置. [_blank|_parent|_self|_top], 默认为'_blank'.

  • enctype [可选参数] : String, 表单enctype属性(设置MIME以用来编码表单内容), 默认值为 'application/x-www-form-urlencoded'. 当表单内容包含文件时为 'multipart/form-data'.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.submit('http://www.google.com/search',{ 

  2.     q : 'ajax ria' 

  3. },'get')

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui.Dom.submit('http://www.google.com/search',{ 

  2.     q : { 

  3.         a : 1

  4.         b : 2 

  5.     } 

  6. },'get')

 

^

继承自 xui.absBox

pack    plugIn    

pack ( arr,ensureValue )    [函数源代码]

打包装箱一组元素,并生成一个 [xui.absBox] 对象.

返回值: xui.absBox

参数:

  • arr [必需参数] : Array, 一组值.

  • ensureValue [可选参数] : Boolean, 是否强制检测每个箱内元素值的有效性. 默认为 true.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var nodes = xui.Dom.pack(['btnLang',document.getElementById('btnLang')]); 

  2. alert(nodes.get(0).id)

 

^

plugIn ( name,fun )    [函数源代码]

向当前类加一个 plug-in 函数.

返回值: [self]

参数:

  • name [必需参数] : String, plug-in 函数名字.

  • fun [必需参数] : Function, plug-in 插件函数体.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.getBackgroundImg); 

  3. xui.Dom.plugIn('getBackgroundImg',function(){ 

  4.     return this.css('backgroundImage'

  5. }); 

  6. alert(n.getBackgroundImg());

 

^

实例方法

addBorder    addClass    addNext    addPrev    addResizer    addShadow    animate    append    attr    caret    children    clone    css    cssPos    cssRegion    cssSize    draggable    droppable    each    empty    first    focus    get    hasClass    height    heightBy    hide    hoverPop    html    id    ieRemedy   innerHeight    innerWidth    isScrollBarShowed    last    left    leftBy    loadHtml    loadIframe    nativeEvent    next    nextFocus    offset    offsetHeight    offsetLeft    offsetTop    offsetWidth    outerHTML    outerHeight    outerWidth    parent    pop    popToTop    prepend    prev    query    remove   removeBorder    removeClass    removeResizer    removeShadow    replace    replaceClass    rotate    scaleX    scaleY    scrollHeight    scrollIntoView    scrollLeft    scrollTop    scrollWidth    serialize    setBlurTrigger    setInlineBlock    setSelectable    show    skewX    skewY    startDrag    swap    tagClass   text    top    topBy    topZindex    translateX    translateY    width    widthBy    xid    

addBorder ( properties )    [函数源代码]

为第一个元素添加边框.

返回值: xui.UI.Border

参数:

  • properties [可选参数] : 键值对, 边框的属性. 一般的用法是: {borderActive: [Boolean]}.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;z-index:20000;\'></div>'); 

  2. xui('body').append(div); 

  3. _.asyRun(function(),1000); 

  4. _.asyRun(function(),2000); 

  5. _.asyRun(function(),3000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;z-index:20000;\'></div>'); 

  2. xui('body').append(div); 

  3. div.addBorder({ 

  4.     borderActive : true 

  5. }); 

  6. _.asyRun(function(),5000);

 

说明: 依赖: xui.UI.Border.

^

addClass ( name )    [函数源代码]

为每一个元素添加CSS类

返回值: [self]

参数:

  • name [必需参数] : String, CSS类名.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.attr('className')); 

  3. n.addClass('cls'); 

  4. alert(n.attr('className')); 

  5. n.removeClass('cls'); 

  6. alert(n.attr('className'));

 

^

addNext ( target,reversed )    [函数源代码]

将一个xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象) 附着在自己的后面.

返回值: [self]

参数:

  • target [必需参数] : xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象).

  • reversed [可选参数] : Boolean, 如果是 [true], 表示本操作是'addNext to' 默认 [false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.4'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var node = xui(id).last(); 

  5.     node.addNext(xui.create('input')); 

  6.     node.addNext(new xui.UI.Button({ 

  7.         position : 'relative' 

  8.     })); 

  9.     node.addNext(xui.create('<button>btn</button>')); 

  10. }

 

^

addPrev ( target,reversed )    [函数源代码]

将一个xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象) 附着在自己的前面

返回值: [self]

参数:

  • target [必需参数] : xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象).

  • reversed [可选参数] : Boolean, 如果是 [true], 表示本操作是'addPrev to' 默认 [false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.3'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var node = xui(id).last(); 

  5.     node.addPrev(xui.create('input')); 

  6.     node.addPrev(new xui.UI.Button({ 

  7.         position : 'relative' 

  8.     })); 

  9.     node.addPrev(xui.create('<button>btn</button>')); 

  10. }

 

^

addResizer ( properties,onUpdate,onChange )    [函数源代码]

为第一个元素添加大小调节器.

返回值: xui.UI.Resizer

参数:

  • properties [可选参数] : 键值对, 边框的属性.

  • onUpdate [可选参数] : Function, 大小修改后的回调函数.

  • onChange [可选参数] : Function, 大小试图改变的回调函数.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. //You can resize the following div: 

  2. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;\'>Use mouse to resize me!</div>'); 

  3. xui('body').append(div); 

  4. div.topZindex(true).addResizer(); 

  5. _.asyRun(function(),10000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;\'>Use mouse to resize me!</div>'); 

  2. xui('body').append(div); 

  3. div.topZindex(true).addResizer({ 

  4.     forceVisible : true

  5.     forceMovable : true

  6.     singleDir : true

  7.     vertical : false

  8.     minWidth : 50

  9.     maxWidth : 200

  10.     handlerSize : 10 

  11. }); 

  12. _.asyRun(function(),10000);

 

说明: 依赖: xui.UI.Resizer.

^

addShadow ( properties )    [函数源代码]

为第一个元素添加阴影.

返回值: xui.UI.Shadow

参数:

  • properties [可选参数] : 键值对, 边框的属性.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. //You can resize the following div: 

  2. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;\'></div>'); 

  3. xui('body').append(div); 

  4. div.topZindex(true).addShadow(); 

  5. _.asyRun(function(),10000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 10px #00ff00;width:100px;height:100px;left:100px;top:100px;\'></div>'); 

  2. xui('body').append(div); 

  3. div.topZindex(true).addShadow({ 

  4.     shadowOffset : 10 

  5. }); 

  6. _.asyRun(function(),10000);

 

说明: Dependency: xui.UI.Shadow.

^

animate ( params,onStart,onEnd,duration,step,type,threadid,unit )    [函数源代码]

包装特殊效果的动画到一个xui.Thread对象中(shell线程).

返回值: xui.Thread

参数:

  • params [必需参数] : Object[Key/value([from value, to value]) pairs] . 渐变的CSS样式

  • onStart [可选参数] : Function(threadid:String). 线程第一个任务开始前的回调函数.

  • onEnd [可选参数] : Function(threadid:String). 整个shell线程结束后的回调函数.

  • duration [可选参数] : Number(ms), 动画的持续时间. 默认为300.

  • step [可选参数] : Number, 动画步长. 默认为0. [Deprecated] 建议不要使用.

  • type [可选参数] : String, 动画的特效形式. 'linear','expoIn','expoOut','expoInOut','sineIn','sineOut','sineInOut','backIn','backOut','backInOut' 或 'bounceOut'. 默认为'linear'.

  • threadid [可选参数] : String, shell线程的全局识别id.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var node = xui.create('div').css({ 

  2.     opacity : 0

  3.     zIndex : xui.Dom.TOP_ZINDEX

  4.     backgroundColor : '#0000ff'

  5.     position : 'absolute'

  6.     left : '100px'

  7.     top : '100px'

  8.     width : '100px'

  9.     height : '100px' 

  10. }); 

  11. xui('body').append(node); 

  12. var fx1 = node.animate({ 

  13.     opacity : [0,1

  14. },null,null,1000,0,'sineIn'); 

  15. var fx2 = node.animate({ 

  16.     left : [100,300], 

  17.     top : [100,300

  18. },null,null,500,0,'sineOut'); 

  19. var fx3 = node.animate({ 

  20.     left : [300,100], 

  21.     top : [300,100

  22. }); 

  23. var fx4 = node.animate({ 

  24.     opacity : [1,0

  25. },null,function()); 

  26. fx1.links(fx2.links(fx3.links(fx4))).start();

 

^

append ( target,reversed,force )    [函数源代码]

将一个xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象) 附着在自己内部的第一个元素后面.

返回值: [self]

参数:

  • target [必需参数] : xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象).

  • reversed [可选参数] : Boolean, 如果是 [true], 表示本操作是'append to' 默认 [false].

  • force [可选参数] : Boolean, 如果是 [true], 表示即使target已在本DOM中,也要调用appendChild将target加到最后, 默认 [false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.1'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).append(xui.create('input')); 

  5.     xui(id).append(new xui.UI.Button({ 

  6.         position : 'relative' 

  7.     })); 

  8.     xui(id).append(xui.create('<button>btn</button>')); 

  9. }

 

^

attr ( name,value )    [函数源代码]

获取第一个元素的某个属性值, 或设置所有元素的一个属性值(键值对), 或移除所有元素的某个属性值.

返回值: String/[self]

参数:

  • name [必需参数] : 属性名,或表示属性值的键值对.

  • value [可选参数] : 属性值, [null]表示移除,不传入任何参数表示获取.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.attr('style')); 

  3. alert(n.attr('tagName')); 

  4. alert(n.attr('className'));

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.attr('abc','abc'); 

  3. alert(n.attr('abc')); 

  4. n.attr('abc',null); 

  5. n.attr('tagName',null); 

  6. alert(n.attr('abc'));

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.attr('onclick',function(){ 

  3.     alert('hi'

  4. }); 

  5. _.asyRun(function(){ 

  6.     n.attr('onclick',null

  7. },5000);

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.attr({ 

  3.     a : 'a'

  4.     b : 'b' 

  5. }); 

  6. alert(n.attr('a')); 

  7. n.attr({ 

  8.     a : null

  9.     b : null 

  10. }); 

  11. alert(n.attr('a'));

 

^

caret ( begin,end )    [函数源代码]

获取或设置第一个元素的光标(必须是Input或Textarea).

返回值: Array/[self]

参数:

  • begin [可选参数] : Number, 光标开始位置.

  • end [可选参数] : Number, 光标结束位置.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.caret'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<input id=' + id + '1 value=0123456789/><' + 'textarea id=' + id + '2></' + 'textarea><br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id + '2').attr('value','1111\n2222\n3333\n4444'); 

  5.     _.asyRun(function(){ 

  6.         xui(id + '1').caret(2,6); 

  7.         alert(xui(id + '1').caret()); 

  8.         xui(id + '2').caret(2,16); 

  9.         alert(xui(id + '2').caret()); 

  10.     },1000

  11. }

 

^

children ( )    [函数源代码]

获取一个xui.Dom,该对象包含所有元素的直接子元素.

返回值: xui.Dom

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.children'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<input/><input/><div style="padding:5px;"><input/><input/></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).children().css('border','solid 4px'

  5. }

 

^

clone ( deep )    [函数源代码]

拷贝一系列DOM元素.

返回值: xui.Dom

参数:

  • deep [可选参数] : Boolean, 指示是否递归克隆子DOM元素. 默认为[false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w11'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div id=' + id + ' style="background:#ccc;border:solid 1px;padding:10px;"><div style="background:#fff;border:solid 1px;padding:10px;">inner<input /></div>outer</div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.parent().append(n.clone()).append(n.clone(true)) 

  6. }

 

^

css ( name,value )    [函数源代码]

获取第一个元素的某个CSS属性值, 或设置所有元素的某个属性值.

返回值: String/[self]

参数:

  • name [必需参数] : CSS属性名或键值对.

  • value [可选参数] : CSS属性值.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.css('background')); 

  3. alert(n.css('overflow')); 

  4. alert(n.css('top'));

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.css('right','30px'); 

  3. _.asyRun(function(){ 

  4.     n.css('right','0'

  5. },1000)

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.css({ 

  3.     top : '30px'

  4.     right : '30px' 

  5. }); 

  6. _.asyRun(function(){ 

  7.     n.css({ 

  8.         top : 0

  9.         right : 0 

  10.     }) 

  11. },1000)

 

^

cssPos ( pos,triggerEvent )    [函数源代码]

获取或设置第一个元素的left 和 top值.

返回值: Object/[self]

参数:

  • pos [可选参数] : {left:Number or String,top:Number or String}.

  • triggerEvent [可选参数] : Boolean, 指示是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.cssPos({ 

  3.     left : 100

  4.     top : 100 

  5. }); 

  6. alert(_.serialize(n.cssPos())); 

  7. n.cssPos({ 

  8.     left : 'auto'

  9.     top : 'auto' 

  10. })

 

^

cssRegion ( region,triggerEvent )    [函数源代码]

获取或设置第一个元素的region值.

返回值: Object/[self]

参数:

  • value [可选参数] : {left:Number or String,top:Number or String,right:Number or String,bottom:Number or String,width:Number or String,height:Number or String}.

  • triggerEvent [可选参数] : Boolean, 指示是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'),bak = n.cssRegion(); 

  2. n.cssRegion({ 

  3.     left : 100

  4.     top : 100

  5.     width : 50

  6.     height : 50 

  7. }); 

  8. alert(_.serialize(n.cssRegion())); 

  9. bak.left = bak.top = 'auto'

  10. n.cssRegion(bak);

 

^

cssSize ( size,triggerEvent )    [函数源代码]

获取或设置第一个元素的width 和 height值.

返回值: Object/[self]

参数:

  • value [可选参数] : {width:Number or String,height:Number or String}.

  • triggerEvent [可选参数] : Boolean, 指示是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'),bak = n.cssSize(); 

  2. n.cssSize({ 

  3.     width : 50

  4.     height : 50 

  5. }); 

  6. alert(_.serialize(n.cssSize())); 

  7. n.cssSize(bak)

 

^

draggable ( flag,profile,dragKey,dragData,target )    [函数源代码]

启用或禁止元素是否可拖动.

返回值: [self]

参数:

  • flag [必需参数] : Boolean, [true]: 表示可拖动; [false]: 表示不可拖动. 默认为[true]

  • profile [可选参数] : Object, 拖动参数,参见xui.DragDrop.startDrag中profile的具体内容.

  • key [可选参数] : String, 拖动数据的标识符.

  • data [可选参数] : Object, 拖动数据.

  • target [可选参数] : xui.Dom, 拖动目标.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.dd_a'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:20px;position:relative;height:80px;">' + '<div id=' + id + 'a style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:10px;top:30px;">1</div>' + '<div id=' + id + 'b style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:50px;top:30px;">2</div>' + '<div id=' + id + 'c style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:100px;top:30px;">3</div>' + '<div id=' + id + 'd style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:150px;top:30px;">4</div>' + '<div id=' + id + 'e style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:200px;top:30px;">5</div>' + '<div id=' + id + 'f style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:250px;top:30px;">6</div>' + '<div id=' + id + 'g style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:300px;top:30px;">7</div>' + '<div id=' + id + 'h style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:350px;top:30px;">8</div>' + '<div id=' + id + 'i style="background:#ccc;position:absolute;border:solid 1px;padding:15px;left:400px;top:30px;">9</div>' + ' <button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var a = [0,200,400,600,800,1000,1200,1400]; 

  5.     xui(id + 'a').draggable(true,{ 

  6.         dragType : 'move' 

  7.     }); 

  8.     xui(id + 'b').draggable(true,{ 

  9.         dragType : 'copy'

  10.         targetReposition : false 

  11.     }); 

  12.     xui(id + 'c').draggable(true,{ 

  13.         dragType : 'icon'

  14.         shadowFrom : id + 'c' 

  15.     }); 

  16.     xui(id + 'd').draggable(true,{ 

  17.         dragType : 'shape'

  18.         targetReposition : false 

  19.     }); 

  20.     xui(id + 'e').draggable(true,{ 

  21.         dragDefer : 20

  22.         targetReposition : false 

  23.     }); 

  24.     xui(id + 'f').draggable(true,{ 

  25.         xMagneticLines : a, 

  26.         yMagneticLines : a, 

  27.         magneticDistance : 50

  28.         targetReposition : false 

  29.     }); 

  30.     xui(id + 'g').draggable(true,{ 

  31.         widthIncrement : 50

  32.         heightIncrement : 50

  33.         targetReposition : false 

  34.     }); 

  35.     xui(id + 'h').draggable(true,{ 

  36.         verticalOnly : true

  37.         targetReposition : false 

  38.     }); 

  39.     xui(id + 'i').draggable(true,{ 

  40.         maxLeftOffset : 50

  41.         maxTopOffset : 50

  42.         maxRightOffset : 50

  43.         maxBottomOffset : 50

  44.         targetReposition : false 

  45.     }); 

  46. }

 

说明: Dependency: xui.DragDrop.

^

droppable ( flag,key )    [函数源代码]

启用或禁止元素是否可丢放.

返回值: [self]

参数:

  • flag [必需参数] : Boolean, [true]: 表示可丢放; [false]: 表示不可丢放. 默认为[true]

  • key [必需参数] : String, 丢放数据标志符. 默认为'default'.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.dd2'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:20px;position:relative;height:150px;">' + '<div style="position:absolute;border:solid 1px;padding:20px;left:10px;top:30px;">draggable</div>' + '<div style="position:absolute;border:solid 1px;left:160px;top:30px;width:100px;height:100px;">droppable</div>' + ' <button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.first().draggable(true,{ 

  6.         dragType : 'icon' 

  7.     },'key1','data1').next().droppable(true,'key1').onDrop(function(){ 

  8.         alert(xui.DragDrop.getProfile().dragData); 

  9.     }) 

  10. }

 

说明: Dependency: xui.DragDrop.

^

each ( fun )    [函数源代码]

将函数应用于数组中的每一个箱内元素.

返回值: [self]

参数:

  • fun [必需参数] : Function, [this]指针是 xui.absBox Object, 函数参数: [element, array index]. 应用到每一个箱内元素的函数.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui(['xui.UI.Layout:a:','btnLang']).each(function(o, i){ 

  2.     alert(i + ' -> #' + o.id) 

  3. })

 

^

empty ( triggerGC )    [函数源代码]

清空包含的所有DOM元素.

返回值: [self]

参数:

  • triggerGC [可选参数] : Boolean, 指示是否触发GC(垃圾回收).

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.empty'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:20px;position:relative;height:150px;">' + '<div id=' + id + ' style="position:absolute;border:solid 1px;padding:20px;left:10px;top:30px;">content in div<br /><button onclick="xui(\'' + id + '\').empty()">Empty me</button></div>' + '<button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4. }

 

^

first ( index )    [函数源代码]

获取包含所有的DOM元素的第一个子元素.

返回值: xui.Dom

参数:

  • index [可选参数] : Number, 迭代器索引.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.first'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;"><div style="border:solid 1px;padding:5px;">1<div style="border:solid 1px;padding:5px;">2<div style="border:solid 1px;padding:5px;">3<div style="border:solid 1px;padding:5px;">4</div></div></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).first().css('background','#eee'); 

  5.     xui(id).first(2).css('background','#ccc'); 

  6.     xui(id).first(3).css('background','#888'); 

  7.     xui(id).first(4).css('background','#444'); 

  8. }

 

^

focus ( force )    [函数源代码]

让第一个元素获取焦点, 如果不能获取焦点则忽略.

返回值: [self]

参数:

  • force [可选参数] : Boolean, 强迫设置焦点.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.1'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).last().focus() 

  5. }

 

^

get ( index )    [函数源代码]

根据给定位置得到箱内元素,或者得到箱内所有元素.

返回值: Object/Array

参数:

  • index [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui(['xui.UI.Layout:a:','btnLang']); 

  2. alert(n.get(1).id); 

  3. alert(n.get()[0].id + ' , ' + n.get()[1].id);

 

^

hasClass ( name )    [函数源代码]

判断第一个元素的CSS样式中是否含有指定的类名.

返回值: Boolean

参数:

  • name [必需参数] : String, CSS类名.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.attr('className')); 

  3. alert(n.hasClass('xui-div')); 

  4. alert(n.hasClass('cls'));

 

^

height ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)CSS高度值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w6'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.width(20).height(20); 

  6.     alert(n.height() + ':' + n.innerHeight() + ':' + n.offsetHeight() + ':' + n.outerHeight() + ':' + n.scrollHeight()); 

  7. }

 

^

heightBy ( offset,triggerEvent )    [函数源代码]

增加或减少元素的height值.

返回值: [self]

参数:

  • offset [必需参数] : Number, 增加或减少(负数)的值.

  • triggerEvent [可选参数] : Boolean, 标志是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.heightBy'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).heightBy(10

  6.     },500); 

  7.     _.asyRun(function(){ 

  8.         xui(id).heightBy(10

  9.     },1000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).heightBy(10

  12.     },1500); 

  13.     _.asyRun(function(){ 

  14.         xui(id).heightBy(10

  15.     },2000); 

  16. }

 

^

hide ( callback,hideEffects,ignoreEffects )    [函数源代码]

隐藏所有的元素.

返回值: [self]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui('btnLang').hide(); 

  2. _.asyRun(function(){ 

  3.     xui('btnLang').show() 

  4. },1000);

 

^

hoverPop ( node,type,beforePop,beforeHide,parent,groupid,showEffects,hideEffects )    [函数源代码]

设置鼠标悬停弹出窗口.

返回值: [self]

参数:

  • node [必需参数] : Object/xui.Dom/Element. 弹出窗口

  • type [可选参数] : String, 参考popToTop, 如果为null,取消设置

  • beforePop [可选参数] : Function(prf, node, e, src), 窗口弹出之前调用

  • beforeHide [可选参数] : Function(prf, node, e, src, trigger), 窗口隐藏之前调用

  • parent [可选参数] : xui.Dom, 父窗口. 默认为[document.body].

  • groupid [Optional] : String. 组标识 id

  • showEffects [Optional] : Object, 出现动画的配置

  • hideEffects [Optional] : Object, 隐去动画的配置

^

html ( content,triggerGC,loadScripts )    [函数源代码]

获取或设置第一个元素的innerHTML.

返回值: String/[self]

参数:

  • content [可选参数] : String, innerHTML的值.

  • triggerGC [可选参数] : Boolean, 是否触发GC(垃圾回收). 默认是true

  • loadScripts [可选参数] : Boolean, 是否执行内部的script. 默认是 false.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.html1'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><div style="padding:5px;border:solid 1px;" id=' + id + ' ></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).html('<input />'); 

  5.     alert(xui(id).html()); 

  6. }

 

^

id ( value,ignoreCache )    [函数源代码]

获取(第一个元素)或设置(所有元素)的DOM id.

返回值: String/[self]

参数:

  • value [可选参数] : String, DOM id value.

  • ignoreCache [可选参数] : Boolean, indicates if ignore to reset cache. 默认为[false]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.id('logo2'); 

  3. alert(n.id()); 

  4. n.id('btnLang');

 

^

ieRemedy ( )    [函数源代码]

在IE中,触发DOM 元素的内部重画函数.在某些IE的旧版本中, DOM的尺寸改变(例如. 改变 overflow='visible'的元素css高度)不会触发布局的变化 .

返回值: [self]

说明: 只用于IE.

^

innerHeight ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)内部宽度(包括内补丁padding).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w8'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.innerWidth(40).innerHeight(40); 

  6.     alert(n.height() + ':' + n.innerHeight() + ':' + n.offsetHeight() + ':' + n.outerHeight() + ':' + n.scrollHeight()); 

  7. }

 

^

innerWidth ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)内部宽度(包含内补丁padding).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w3'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.innerWidth(40).innerHeight(40); 

  6.     alert(n.width() + ':' + n.innerWidth() + ':' + n.offsetWidth() + ':' + n.outerWidth() + ':' + n.scrollWidth()); 

  7. }

 

^

isScrollBarShowed ( type )    [函数源代码]

是否有滚动栏.

返回值: Boolean

参数:

  • type [必需参数] : x表示横向滚动栏,y表示纵向滚动栏.

^

last ( index )    [函数源代码]

获取包含所有的DOM元素的最后一个子元素.

返回值: xui.Dom

参数:

  • index [可选参数] : Number, 迭代器索引.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.last'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;"><button onclick="xui(this).parent().remove()">remove this example</button><div style="border:solid 1px;padding:5px;">1<input /><div style="border:solid 1px;padding:5px;">2<input /><div style="border:solid 1px;padding:5px;">3<input /><div style="border:solid 1px;padding:5px;">4</div></div></div></div></div>')); 

  4.     xui(id).last().css('background','#eee'); 

  5.     xui(id).last(2).css('background','#ccc'); 

  6.     xui(id).last(3).css('background','#888'); 

  7.     xui(id).last(4).css('background','#444'); 

  8. }

 

^

left ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)CSS样式中的left值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.left'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).left(10

  6.     },1000); 

  7.     _.asyRun(function(){ 

  8.         xui(id).left(20

  9.     },2000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).left(30

  12.     },3000); 

  13. }

 

^

leftBy ( offset,triggerEvent )    [函数源代码]

增加或减少元素的left值.

返回值: [self]

参数:

  • offset [必需参数] : Number, 增加或减少(负数)的值.

  • triggerEvent [可选参数] : Boolean, 标志是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.leftBy'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).leftBy(10

  6.     },500); 

  7.     _.asyRun(function(){ 

  8.         xui(id).leftBy(10

  9.     },1000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).leftBy(10

  12.     },1500); 

  13.     _.asyRun(function(){ 

  14.         xui(id).leftBy(10

  15.     },2000); 

  16. }

 

^

loadHtml ( options,onStart,onEnd )    [函数源代码]

加载一个同域的html文件到当前节点内.

返回值: [self]

参数:

  • options [必需参数] : String或Object, 包括url的加载参数.

  • onStart [可选参数] : Function, 开始加载的回调函数.

  • onEnd [可选参数] : Function, 结束加载的回调函数.

^

loadIframe ( options,domId )    [函数源代码]

通过iframe加载一个的html文件到当前节点内.

返回值: [self]

参数:

  • options [必需参数] : String或Object, 包括url的加载参数.

  • domId [可选参数] : String, IFrame的DOM ID.

^

nativeEvent ( name )    [函数源代码]

触发DOM内部事件.

返回值: xui.Dom

参数:

  • name [必需参数] : String, 事件名称.

^

next ( index )    [函数源代码]

获取包含所有的DOM元素的后一个兄弟元素.

返回值: xui.Dom

参数:

  • index [可选参数] : Number, 迭代器索引.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.next'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;"><button onclick="xui(this).parent().remove()">remove this example</button><div style="border:solid 1px;padding:5px;">1</div><div style="border:solid 1px;padding:5px;">2</div><div style="border:solid 1px;padding:5px;">3</div><div style="border:solid 1px;padding:5px;">4</div></div>')); 

  4.     xui(id).first().next().css('background','#eee'); 

  5.     xui(id).first().next(2).css('background','#ccc'); 

  6.     xui(id).first().next(3).css('background','#888'); 

  7.     xui(id).first().next(4).css('background','#444'); 

  8. }

 

^

nextFocus ( downwards,includeChild,setFocus,pattern )    [函数源代码]

获取下一个将要获取焦点的元素.

返回值: xui.Dom

参数:

  • downwards [可选参数] : Boolean, 指示向下([true])还是向上([false])移动焦点. 默认为[true].

  • includeChild [可选参数] : Boolean, 指示是否包括子元素. 默认为[true].

  • setFocus [可选参数] : Boolean, 指示是否要让下一个元素真正获取焦点. 默认为[true].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.nextFocus'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input value=upwards /><input id=' + id + ' /><button>downwards</button>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).nextFocus() 

  6.     },1000); 

  7.     _.asyRun(function(){ 

  8.         xui(id).nextFocus(false

  9.     },2000); 

  10. }

 

^

offset ( pos,boundary )    [函数源代码]

获取(第一个元素)或设置(所有元素)相对边界的偏移量.

返回值: Object/[self]

参数:

  • pos [可选参数] : {left:value,top:value}, 目标的绝对位置.

  • boundary [可选参数] : 相对的边界(DOM 元素或document.body). 默认为document.body.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(_.serialize(xui(this).offset())); 

  2. alert(_.serialize(xui(this).offset()));

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui(this),pos = n.offset(); 

  2. pos.top += 20

  3. n.css('position','relative').offset(pos); 

  4. _.asyRun(function(){ 

  5.     n.css({ 

  6.         top : ''

  7.         position : '' 

  8.     }) 

  9. },1000)

 

^

offsetHeight ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素) 偏移高度(包括内补丁padding 和 border).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w9'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.offsetWidth(60).offsetHeight(60); 

  6.     alert(n.height() + ':' + n.innerHeight() + ':' + n.offsetHeight() + ':' + n.outerHeight() + ':' + n.scrollHeight()); 

  7. }

 

^

offsetLeft ( )    [函数源代码]

获取第一个元素的左边偏移量.

返回值: Number

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(this.offsetLeft())

 

^

offsetTop ( )    [函数源代码]

获取第一个元素的上边偏移量.

返回值: Number

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(this.offsetTop())

 

^

offsetWidth ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)的偏移宽度(包括padding and border).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w4'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.offsetWidth(60).offsetHeight(60); 

  6.     alert(n.width() + ':' + n.innerWidth() + ':' + n.offsetWidth() + ':' + n.outerWidth() + ':' + n.scrollWidth()); 

  7. }

 

^

outerHTML ( content,triggerGC )    [函数源代码]

获取或设置第一个元素的outerHTML.

返回值: String/[self]

参数:

  • content [可选参数] : String, outerHTML的值.

  • triggerGC [可选参数] : Boolean, 指示是否触发GC(垃圾回收).

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.html1'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><div style="padding:5px;border:solid 1px;" id=' + id + ' ></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).outerHTML('<div style="padding:5px;border:dashed 2px;" id=' + id + ' ><input /></div>'); 

  5.     alert(xui(id).outerHTML()); 

  6. }

 

^

outerHeight ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)外部高度(包括内补丁padding, border 和外补丁 margin).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w11'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.outerWidth(80).outerHeight(80); 

  6.     alert(n.height() + ':' + n.innerHeight() + ':' + n.offsetHeight() + ':' + n.outerHeight() + ':' + n.scrollHeight()); 

  7. }

 

^

outerWidth ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)外部宽度(includes the padding, border and margin).

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w5'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.outerWidth(80).outerHeight(80); 

  6.     alert(n.width() + ':' + n.innerWidth() + ':' + n.offsetWidth() + ':' + n.outerWidth() + ':' + n.scrollWidth()); 

  7. }

 

^

parent ( index )    [函数源代码]

获取包含所有的DOM元素的父元素.

返回值: xui.Dom

参数:

  • index [可选参数] : Number, 迭代器索引.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.parent'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><div style="border:solid 1px;padding:5px;">1<div style="border:solid 1px;padding:5px;">2<div style="border:solid 1px;padding:5px;">3<div style="border:solid 1px;padding:5px;" id=' + id + ' >4</div></div></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).parent(4).css('background','#eee'); 

  5.     xui(id).parent(3).css('background','#ccc'); 

  6.     xui(id).parent(2).css('background','#888'); 

  7.     xui(id).parent().css('background','#444'); 

  8. }

 

^

pop ( pos,type,parent,trigger,group )    [函数源代码]

将第一个元素显示到最顶层,并设置一个隐藏触发函数, 该函数将在鼠标单击元素之外的区域时被调用.

返回值: String, 区域外点击隐藏的唯一标示

参数:

  • pos [必需参数] : Object/xui.Dom/Element.

  • type [可选参数] : String, 以下之一:'outer','inner','outerleft-outertop','left-outertop','center-outertop','right-outertop','outerright-outertop','outerleft-top','left-top','center-top','right-top','outerright-top','outerleft-middle','left-middle','center-middle','right-middle','outerright-middle','outerleft-bottom','left-bottom','center-bottom','right-bottom','outerright-bottom','outerleft-outerbottom','left-outerbottom','center-outerbottom','right-outerbottom','outerright-outerbottom', 向前兼容也可以是1~4,12,21. 默认为outer.

  • parent [可选参数] : xui.Dom, the parent element to hold the pop element. 默认为[document.body].

  • trigger [必需参数] : Function or [null] : 隐藏触发函数.

  • group [可选参数] : xui.Dom, 触发函数的组对象.

^

popToTop ( pos,type,parent,callback,showEffects,ignoreEffects )    [函数源代码]

将第一个元素显示成父元素的顶层.

返回值: [self]

参数:

  • pos [必需参数] : Object/xui.Dom/Element.

  • type [可选参数] : String, 以下之一:'outer','inner','outerleft-outertop','left-outertop','center-outertop','right-outertop','outerright-outertop','outerleft-top','left-top','center-top','right-top','outerright-top','outerleft-middle','left-middle','center-middle','right-middle','outerright-middle','outerleft-bottom','left-bottom','center-bottom','right-bottom','outerright-bottom','outerleft-outerbottom','left-outerbottom','center-outerbottom','right-outerbottom','outerright-outerbottom', 向前兼容也可以是1~4,12,21. 默认为outer.

  • parent [可选参数] : xui.Dom, the parent element to hold the pop element. 默认为[document.body].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.p2p'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative; border:solid 1px;padding:10px;"><button id=' + id + ' style="height:100px;width:100px;">downwards</button>' + '<br /><br /><br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         if(xui.Dom.byId(id))xui(xui.create('<div style="border:solid 1px;background:#ccc;width:50px;height:50px;">type 1</div>')).popToTop(xui(id),1,xui(id).parent()); 

  6.     },500); 

  7.     _.asyRun(function(){ 

  8.         if(xui.Dom.byId(id))xui(xui.create('<div style="border:solid 1px;background:#aaa;width:50px;height:50px;">type 2</div>')).popToTop(xui(id),2,xui(id).parent()); 

  9.     },1000); 

  10.     _.asyRun(function(){ 

  11.         if(xui.Dom.byId(id))xui(xui.create('<div style="border:solid 1px;background:#888;width:50px;height:50px;">type 3</div>')).popToTop(xui(id),3,xui(id).parent()); 

  12.     },1500); 

  13.     _.asyRun(function(){ 

  14.         if(xui.Dom.byId(id))xui(xui.create('<div style="border:solid 1px;background:#666;width:50px;height:50px;">type 4</div>')).popToTop(xui(id),4,xui(id).parent()); 

  15.     },2000); 

  16. }

 

^

prepend ( target,reversed )    [函数源代码]

将一个xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象) 附着在自己内部的第一个元素前面.

返回值: [self]

参数:

  • target [必需参数] : xui.Dom对象(包含有一系列的DOM elements 或xui.UIProile 对象).

  • reversed [可选参数] : Boolean, 如果是 [true], 表示本操作是'prepend to' 默认 [false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.2'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).prepend(xui.create('input')); 

  5.     xui(id).prepend(new xui.UI.Button({ 

  6.         position : 'relative' 

  7.     })); 

  8.     xui(id).prepend(xui.create('<button>btn</button>')); 

  9. }

 

^

prev ( index )    [函数源代码]

获取包含所有的DOM元素的前一个兄弟元素.

返回值: xui.Dom

参数:

  • index [可选参数] : Number, 迭代器索引.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.prev'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;"><div style="border:solid 1px;padding:5px;">1</div><div style="border:solid 1px;padding:5px;">2</div><div style="border:solid 1px;padding:5px;">3</div><div style="border:solid 1px;padding:5px;">4</div><button onclick="xui(this).parent().remove()">remove this example</button></div>')); 

  4.     xui(id).last().prev().css('background','#eee'); 

  5.     xui(id).last().prev(2).css('background','#ccc'); 

  6.     xui(id).last().prev(3).css('background','#888'); 

  7.     xui(id).last().prev(4).css('background','#444'); 

  8. }

 

^

query ( tagName,property,expr )    [函数源代码]

查找所有元素,寻找满足特定参数的元素.

返回值: xui.Dom

参数:

  • tagName [可选参数] : DOM元素的tagName.

  • property [可选参数] : DOM 元素的属性名或函数.

  • expr [可选参数] : DOM元素的属性值或值的正则表达式.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.query'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:10px;">' + '<div id=id1 style="border:solid 1px;padding:5px;"><div style="border:solid 1px;padding:5px;"> <input /><input /></div></div>  <button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     alert(n.outerHTML()); 

  6.     alert(n.query().get().length); 

  7.     alert(n.query('div').get().length); 

  8.     alert(n.query('div','id').get().length); 

  9.     alert(n.query('div','id',id).get().length); 

  10.     alert(n.query('*','id',/^id/).get().length); 

  11.     alert(n.query('*',function(o){ 

  12.         return o.tagName == 'INPUT' 

  13.     }).get().length); 

  14. }

 

^

remove ( triggerGC )    [函数源代码]

移除包含的所有DOM元素.

返回值: [self]

参数:

  • triggerGC [可选参数] : Boolean, 指示是否触发GC(垃圾回收).

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.empty'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">content in div' + '<button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4. }

 

^

removeBorder ( )    [函数源代码]

移除第一个元素的边框.

返回值: [self]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;z-index:20000;\'></div>'); 

  2. xui('body').append(div); 

  3. _.asyRun(function(),1000); 

  4. _.asyRun(function(),2000); 

  5. _.asyRun(function(),3000);

 

说明: 依赖: xui.UI.Border.

^

removeClass ( name )    [函数源代码]

为每一个元素移除CSS类.

返回值: [self]

参数:

  • name [必需参数] : String, CSS类名.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.attr('className')); 

  3. n.addClass('cls'); 

  4. alert(n.attr('className')); 

  5. n.removeClass('cls'); 

  6. alert(n.attr('className'));

 

^

removeResizer ( )    [函数源代码]

移除第一个元素的大小调节器.

返回值: [self]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;z-index:20000;\'></div>'); 

  2. xui('body').append(div); 

  3. _.asyRun(function(){ 

  4.     div.addResizer({ 

  5.         forceVisible : true 

  6.     }) 

  7. },1000); 

  8. _.asyRun(function(),2000); 

  9. _.asyRun(function(),3000);

 

说明: Dependency: xui.UI.Resizer.

^

removeShadow ( )    [函数源代码]

移除第一个元素的阴影.

返回值: [self]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var div = xui.create('<div style=\'background:#fff;position:absolute;border:solid 1px;width:100px;height:100px;left:100px;top:100px;z-index:20000;\'></div>'); 

  2. xui('body').append(div); 

  3. _.asyRun(function(),1000); 

  4. _.asyRun(function(),2000); 

  5. _.asyRun(function(),3000);

 

说明: Dependency: xui.UI.Shadow.

^

replace ( target,triggerGC )    [函数源代码]

用一系列的DOM元素替换第一个元素.

返回值: xui.Dom

参数:

  • target [必需参数] : xui.Dom, 该对象包含一系列的DOM元素,用于替换当前第一个元素.

  • triggerGC [可选参数] : Boolean, 指示是否触发GC(垃圾回收).

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.replace'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><div id=' + id + ' style="border:solid 1px;padding:5px;"></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).replace(xui.create('a<input value=b />c<input value=d />e')) 

  6.     },1000

  7. }

 

^

replaceClass ( regexp,replace )    [函数源代码]

将每一个元素中的某个CSS类名替换为另一个类名.

返回值: [self]

参数:

  • regexp [必需参数] : 查找的正则表达式.

  • replace [必需参数] : String.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. alert(n.attr('className')); 

  3. n.replaceClass(/ui/,'cls'); 

  4. alert(n.attr('className')); 

  5. n.replaceClass(/cls/,'ui');

 

^

rotate ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的旋转角度, 或设置到所有元素.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

^

scaleX ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的X方向伸缩度, 或设置到所有元素.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

^

scaleY ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的Y方向伸缩度, 或设置到所有元素.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

^

scrollHeight ( )    [函数源代码]

Gets(第一个元素)scroll高度.

返回值: Number

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w7'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.width(20).height(20); 

  6.     alert(n.height() + ':' + n.innerHeight() + ':' + n.offsetHeight() + ':' + n.outerHeight() + ':' + n.scrollHeight()); 

  7. }

 

^

scrollIntoView ( )    [函数源代码]

使控件可视.

返回值: [self]

^

scrollLeft ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)CSS样式中的scrollLeft值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.scrollLeft'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative; border:solid 1px;padding:10px;"><div style="overflow:auto; width:50px;height:50px;" id=' + id + ' />aaaaaaaaaaaaa bbbbbbbbbbb cccccccccc dddddddd</div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).scrollLeft(xui(id).scrollWidth()); 

  5.     alert(xui(id).scrollLeft()) 

  6. }

 

^

scrollTop ( value )    [函数源代码]

获取(第一个元素)或设置(所有元素)CSS样式中的scrollTop值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.scrollTop'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative; border:solid 1px;padding:10px;"><div style="overflow:auto; width:50px;height:50px;" id=' + id + ' />aaaaaaaaaaaaa bbbbbbbbbbb cccccccccc dddddddd</div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).scrollTop(xui(id).scrollHeight()); 

  5.     alert(xui(id).scrollTop()) 

  6. }

 

^

scrollWidth ( )    [函数源代码]

获取(第一个元素) 滚动条宽度.

返回值: Number

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w2'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.width(20).height(20); 

  6.     alert(n.width() + ':' + n.innerWidth() + ':' + n.offsetWidth() + ':' + n.outerWidth() + ':' + n.scrollWidth()); 

  7. }

 

^

serialize ( )    [函数源代码]

将一个DOM概要对象(profile)序列化为一个JSON字符串或一个JSON对象.

返回值: String

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui('btnLang').serialize());

 

^

setBlurTrigger ( id,trigger,group,checkChild,triggerNext )    [函数源代码]

设置或取消设置一个区域外点击触发函数, 该函数将在用户单击第一个元素之外的区域时被调用.

返回值: [self]

参数:

  • id [必需参数] : String, 触发函数的标志符.

  • trigger [必需参数] : Function or [null] : 隐藏触发函数.

  • group [可选参数] : xui.Dom, 触发函数的组对象.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.sbt'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"> <div id=' + id + ' style="border:solid 1px;padding:5px;width:50px;height:50px;"> </div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).setBlurTrigger('ttt',function(){ 

  5.         alert('out of my region'); 

  6.     }) 

  7. }

 

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.sbt'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"> <div id=' + id + '1 style="border:solid 1px;padding:5px;width:50px;height:50px;"> </div><div id=' + id + '2 style="border:solid 1px;padding:5px;width:50px;height:50px;"> </div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id + '1').setBlurTrigger('ttt',function(){ 

  5.         alert('out of my region'

  6.     },xui([id + '1',id + '2'])) 

  7. }

 

^

setInlineBlock ( )    [函数源代码]

将所有的元素CSS的display属性设置为'inline'.

返回值: [self]

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.sib'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div  style="border:solid 1px;padding:10px;"><div id=' + id + '  style="border:solid 1px;padding:5px;">1</div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).setInlineBlock() 

  6.     },1000); 

  7.     _.asyRun(function(){ 

  8.         xui(id).css('display',''

  9.     },2000); 

  10. }

 

^

setSelectable ( value )    [函数源代码]

启用或禁止包含的元素可用鼠标选择.

返回值: [self]

参数:

  • value [可选参数] : Boolean, 默认为禁止[false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.ssable'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div  style="border:solid 1px;padding:10px;"><div id=' + id + '1  style="border:solid 1px;padding:5px;">selectable</div><div id=' + id + '2 style="border:solid 1px;padding:5px;">not selectable</div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id + '1').setSelectable(true); 

  5.     xui(id + '2').setSelectable(false); 

  6. }

 

^

show ( left,top,callback,showEffects,ignoreEffects )    [函数源代码]

显示所有的元素.

返回值: [self]

参数:

  • left [可选参数] : Number, left值.

  • top [可选参数] : Number, top值.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. xui('btnLang').hide(); 

  2. _.asyRun(function(){ 

  3.     xui('btnLang').show() 

  4. },1000);

 

^

skewX ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的X方向倾斜度, 或设置到所有元素.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

^

skewY ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的Y方向倾斜度, 或设置到所有元素.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

^

startDrag ( e,profile,dragKey,dragData )    [函数源代码]

开始拖动第一个元素.

返回值: [self]

参数:

  • e [必需参数] : DOM 事件对象.

  • profile [可选参数] : Object, 拖动参数,参见xui.DragDrop.startDrag中profile的具体内容.

  • dragKey [可选参数] : String, 拖动数据的标识符.

  • dragData [可选参数] : Object, 拖动数据.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.dd0'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><button id=' + id + '>drag me</button>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).onMousedown(function(p, e, s){ 

  5.         xui(s).startDrag(e) 

  6.     }) 

  7. }

 

说明: Dependency: xui.DragDrop.

^

swap ( target )    [函数源代码]

交换第一个元素和参数指定的元素.

返回值: [self]

参数:

  • target [必需参数] : xui.Dom 对象. 该对象包含有要交换的DOM元素

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.replace'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div  style="border:solid 1px;padding:10px;"><div id=' + id + '1  style="border:solid 1px;padding:5px;">1</div><div id=' + id + '2 style="border:solid 1px;padding:5px;">2</div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id + '1').swap(xui(id + '2')) 

  6.     },1000); 

  7.     _.asyRun(function(){ 

  8.         xui(id + '1').swap(xui(id + '2')) 

  9.     },2000); 

  10. }

 

^

tagClass ( tag,isAdd )    [函数源代码]

对于箱中的每个元素的className,拷贝这些className并在每个className后添加一个给定的标签.或者将有特定标签的className移除.

返回值: [self]

参数:

  • tag [必需参数] : String, 标签字符串.

  • isAdd [可选参数] : Boolean, 添加标签或移除标签. 默认为 [true].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui('btnLang'); 

  2. n.tagClass('-checked').tagClass('-mouseover'); 

  3. alert(n.attr('className')); 

  4. n.tagClass('-checked',false).tagClass('-mouseover',false); 

  5. alert(n.attr('className'));

 

^

text ( content )    [函数源代码]

获取第一个元素的文本内容,或设置所有元素的文本内容.

返回值: String/[self]

参数:

  • content [可选参数] : String, 文本内容.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.text'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"><div style="padding:5px;border:solid 1px;" id=' + id + ' ></div>' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).text('<input />'); 

  5.     alert(xui(id).text()); 

  6. }

 

^

top ( value )    [函数源代码]

获取(第一个元素) 或设置(所有元素)CSS样式中的top值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.top'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).top(10

  6.     },1000); 

  7.     _.asyRun(function(){ 

  8.         xui(id).top(20

  9.     },2000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).top(30

  12.     },3000); 

  13. }

 

^

topBy ( offset,triggerEvent )    [函数源代码]

增加或减少元素的top值.

返回值: [self]

参数:

  • offset [必需参数] : Number, 增加或减少(负数)的值.

  • triggerEvent [可选参数] : Boolean, 标志是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.topBy'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).topBy(10

  6.     },500); 

  7.     _.asyRun(function(){ 

  8.         xui(id).topBy(10

  9.     },1000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).topBy(10

  12.     },1500); 

  13.     _.asyRun(function(){ 

  14.         xui(id).topBy(10

  15.     },2000); 

  16. }

 

^

topZindex ( flag )    [函数源代码]

获取最小的zIndex值,该值可以让第一个元素显示在其父元素的最顶层; 或直接第一个元素成为其父元素的最顶层.

返回值: Get: Number, Set:[self]

参数:

  • flag [可选参数] : Boolean, 指示是否设置第一个元素为最顶层. 默认为[false].

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.tzi'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div id=' + id + ' style="border:solid 1px;padding:20px;position:relative;height:130px;">' + '<div id=' + id + '1 style="z-index:1;background:#ccc;position:absolute;border:solid 1px;padding:50px;left:10px;top:30px;">1</div>' + '<div id=' + id + '2 style="z-index:2;background:#aaa;position:absolute;border:solid 1px;padding:50px;left:50px;top:30px;">2</div>' + '<div id=' + id + '3 style="z-index:3;background:#888;position:absolute;border:solid 1px;padding:50px;left:100px;top:30px;">3</div>' + '<div id=' + id + '4 style="z-index:4;background:#444;position:absolute;border:solid 1px;padding:50px;left:150px;top:30px;">4</div>' + ' <button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id + '1'); 

  5.     alert(n.css('zIndex') + ':' + n.topZindex()); 

  6.     n.topZindex(true); 

  7.     alert(n.css('zIndex') + ':' + n.topZindex()); 

  8. }

 

^

translateX ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的X方向平移, 或设置到所有元素.

返回值: String/[self]

参数:

  • value [可选参数] : String.

^

translateY ( v )    [函数源代码]

获取第一个元素的CSS变形属性中的Y方向平移, 或设置到所有元素.

返回值: String/[self]

参数:

  • value [可选参数] : String.

^

width ( value )    [函数源代码]

获取(第一个元素) 或设置(所有元素)css的宽度值.

返回值: Number/[self]

参数:

  • value [可选参数] : Number.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.w1'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;">' + '<div style="background:#888;position:relative;width:80px;height:80px;"><div id=' + id + ' style="overflow:auto;position:absolute;margin:10px;border:solid 10px #ccc;padding:10px;"> 1111111111111111111 2222222222222222 333333333333</div></div> <br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     var n = xui(id); 

  5.     n.width(20).height(20); 

  6.     alert(n.width() + ':' + n.innerWidth() + ':' + n.offsetWidth() + ':' + n.outerWidth() + ':' + n.scrollWidth()); 

  7. }

 

^

widthBy ( offset,triggerEvent )    [函数源代码]

增加或减少元素的width值.

返回值: [self]

参数:

  • offset [必需参数] : Number, 增加或减少(负数)的值.

  • triggerEvent [可选参数] : Boolean, 标志是否触发事件.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.widthBy'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="position:relative;height:50px;border:solid 1px;padding:10px;"><input style="position:absolute;left:0;top:0;" id=' + id + ' />' + '<br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     _.asyRun(function(){ 

  5.         xui(id).widthBy(10

  6.     },500); 

  7.     _.asyRun(function(){ 

  8.         xui(id).widthBy(10

  9.     },1000); 

  10.     _.asyRun(function(){ 

  11.         xui(id).widthBy(10

  12.     },1500); 

  13.     _.asyRun(function(){ 

  14.         xui(id).widthBy(10

  15.     },2000); 

  16. }

 

^

xid ( )    [函数源代码]

xid

^

继承自 xui.absBox

isEmpty    merge    reBoxing    size    

isEmpty ( )    [函数源代码]

是否目前的箱为空.

返回值: Boolean.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var n = xui(['xui.UI.Layout:a:','btnLang']); 

  2. alert(n.isEmpty()); 

  3. alert(xui().isEmpty())

 

^

merge ( obj )    [函数源代码]

合并一个箱的所有元素到当前箱.

返回值: [self].

参数:

  • obj [必需参数] : xui.absBox 对象

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui('xui.UI.Layout:a:').merge(xui('btnLang')).get().length)

 

^

reBoxing ( key,ensureValue )    [函数源代码]

将当前箱内的所有元素重新打包到另一个箱.

参数:

  • key [可选参数] : new xui.absBox 子类的名字.

  • ensureValue [可选参数] : Boolean, 是否强制检测每个箱内元素值的有效性. 默认为 true.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. alert(xui('xui.UI.Layout:a:').KEY); 

  2. alert(xui('xui.UI.Layout:a:').reBoxing('xui.UI.Layout').KEY);

 

^

size ( )    [函数源代码]

得到箱内元素的个数.

返回值: Number

^

事件

Description: 添加、删除或者触发特定事件.每个事件可以有三组事件函数:[before开头], [on开头] 和 [after开头].每组是一个函数数组.

  • xui(/**/).onClick([function], 'label') => 为 [onclick] 事件函数组添加一个标签为'label'的事件函数.

  • xui(/**/).onClick([function]) => 先清空 [onclick] 事件函数组,再重新加入一个[function]函数.

  • xui(/**/).onClick(null, 'label') => 从 [onclick] 事件函数组中删除标签为'label'的事件函数.

  • xui(/**/).onClick(null) => 清空 [onclick] 事件函数组.

  • xui(/**/).onClick(null,null,true) => 清空 [beforeclick]、[onclick]和[afterclick] 事件函数组.

  • xui(/**/).onClick() => 触发事件,会按照顺序执行所有[onclick]事件函数组里面的事件函数.如果其间任何一个事件函数返回[false],余下的事件函数将不被执行.

  • xui(/**/).onClick(true) => 触发事件,会按照顺序执行所有[beforeclick]、[onclick]和[afterclick]事件函数组里面的事件函数.如果其间任何一个事件函数返回[false],余下的事件函数将不被执行.

Returns: 添加事件:[self]; 删除事件: return [self]; 触发事件: void.

Parameters:

  • fun [可选参数] : 函数的[this]指针是Dom元素, arguments 是 [xui.DomProfile Object, DOM event Object, the current element].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean,仅删除事件的时候有效,表示是否删除所有相关的事件.

Go to [onClick] for getting the code snippets!

afterAbort    afterBeforeunload    afterBlur    afterChange    afterClick    afterContextmenu    afterDblclick    afterDrag    afterDragbegin    afterDragenter    afterDragleave    afterDragover    afterDragstop    afterDrop    afterError    afterFocus    afterKeydown    afterKeypress    afterKeyup    afterLoad   afterMousedown    afterMousemove    afterMouseout    afterMouseover    afterMouseup    afterMousewheel    afterMove    afterMspointercancel    afterMspointerdown    afterMspointermove    afterMspointerup    afterPointercancel    afterPointerdown    afterPointermove    afterPointerup    afterReset   afterScroll    afterSelect    afterSize    afterSubmit    afterTouchcancel    afterTouchend    afterTouchmove    afterTouchstart    afterUnload    beforeAbort    beforeBeforeunload    beforeBlur    beforeChange    beforeClick    beforeContextmenu    beforeDblclick    beforeDrag    beforeDragbegin   beforeDragenter    beforeDragleave    beforeDragover    beforeDragstop    beforeDrop    beforeError    beforeFocus    beforeKeydown    beforeKeypress    beforeKeyup    beforeLoad    beforeMousedown    beforeMousemove    beforeMouseout    beforeMouseover    beforeMouseup   beforeMousewheel    beforeMove    beforeMspointercancel    beforeMspointerdown    beforeMspointermove    beforeMspointerup    beforePointercancel    beforePointerdown    beforePointermove    beforePointerup    beforeReset    beforeScroll    beforeSelect    beforeSize    beforeSubmit   beforeTouchcancel    beforeTouchend    beforeTouchmove    beforeTouchstart    beforeUnload    onAbort    onBeforeunload    onBlur    onChange    onClick    onContextmenu    onDblclick    onDrag    onDragbegin    onDragenter    onDragleave    onDragover    onDragstop    onDrop    onError   onFocus    onKeydown    onKeypress    onKeyup    onLoad    onMousedown    onMousemove    onMouseout    onMouseover    onMouseup    onMousewheel    onMove    onMspointercancel    onMspointerdown    onMspointermove    onMspointerup    onPointercancel    onPointerdown   onPointermove    onPointerup    onReset    onScroll    onSelect    onSize    onSubmit    onTouchcancel    onTouchend    onTouchmove    onTouchstart    onUnload    

afterAbort ( fun,label,flag )

afterAbort

^

afterBeforeunload ( fun,label,flag )

afterBeforeunload

^

afterBlur ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterChange ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterClick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数参数是 [xui.DomProfile Object, DOM event Object, the current element's xid].

  • label [可选参数] : String, 事件标签.

  • flag [可选参数] : Boolean, 移除事件标志.

示例:

- 代码运行js文件 多比手机组态云平台API代码查看器 - 官网

  1. var id = 'xui.temp.event'

  2. if( ! xui.Dom.byId(id)){ 

  3.     this.prepend(xui.create('<div style="border:solid 1px;padding:10px;"></p><button style="height:50px;" id=' + id + '>BUTTON element for testing.</button></p>' + '<br /><br /><button onclick="xui(\'' + id + '\').onClick();">fire event:[onclick] group functions</button> - <button onclick="xui(\'' + id + '\').onClick(true);">fire event: all functions</button> - <button onclick="xui(\'' + id + '\').onClick(null,\'1#\');">remove [onclick] 1#</button> - <button onclick="xui(\'' + id + '\').beforeClick(null);">remove all [beforeclick] functions</button> - <button onclick="xui(\'' + id + '\').onClick(null,null,true);">remove all functions</button><br /><br /><br /><button onclick="xui(this).parent().remove()">remove this example</button>' + '</div>')); 

  4.     xui(id).beforeClick(function(){ 

  5.         alert('beforeclick 1#'

  6.     },'1#').beforeClick(function(){ 

  7.         alert('beforeclick 2#'

  8.     },'2#').onClick(function(){ 

  9.         alert('onclick 1#'

  10.     },'1#').onClick(function(){ 

  11.         alert('onclick 2#'

  12.     },'2#').afterClick(function(){ 

  13.         alert('afterclick 1#, this function return [false], the remaining functions will be ignored!'); 

  14.         return false

  15.     },'1#').afterClick(function(){ 

  16.         alert('afterclick 2#'

  17.     },'2#'); 

  18. }

 

^

afterContextmenu ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDblclick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDrag ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDragbegin ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDragenter ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDragleave ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDragover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDragstop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterDrop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterError ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterFocus ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterKeydown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterKeypress ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterKeyup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterLoad ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMousedown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMousemove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMouseout ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMouseover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMouseup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMousewheel ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterMspointercancel ( fun,label,flag )

afterMspointercancel

^

afterMspointerdown ( fun,label,flag )

afterMspointerdown

^

afterMspointermove ( fun,label,flag )

afterMspointermove

^

afterMspointerup ( fun,label,flag )

afterMspointerup

^

afterPointercancel ( fun,label,flag )

afterPointercancel

^

afterPointerdown ( fun,label,flag )

afterPointerdown

^

afterPointermove ( fun,label,flag )

afterPointermove

^

afterPointerup ( fun,label,flag )

afterPointerup

^

afterReset ( fun,label,flag )

afterReset

^

afterScroll ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterSelect ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterSize ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterSubmit ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

afterTouchcancel ( fun,label,flag )

afterTouchcancel

^

afterTouchend ( fun,label,flag )

afterTouchend

^

afterTouchmove ( fun,label,flag )

afterTouchmove

^

afterTouchstart ( fun,label,flag )

afterTouchstart

^

afterUnload ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeAbort ( fun,label,flag )

beforeAbort

^

beforeBeforeunload ( fun,label,flag )

beforeBeforeunload

^

beforeBlur ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeChange ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeClick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeContextmenu ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDblclick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDrag ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDragbegin ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDragenter ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDragleave ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDragover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDragstop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeDrop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeError ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeFocus ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeKeydown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeKeypress ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeKeyup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeLoad ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMousedown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMousemove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMouseout ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMouseover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMouseup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMousewheel ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeMspointercancel ( fun,label,flag )

beforeMspointercancel

^

beforeMspointerdown ( fun,label,flag )

beforeMspointerdown

^

beforeMspointermove ( fun,label,flag )

beforeMspointermove

^

beforeMspointerup ( fun,label,flag )

beforeMspointerup

^

beforePointercancel ( fun,label,flag )

beforePointercancel

^

beforePointerdown ( fun,label,flag )

beforePointerdown

^

beforePointermove ( fun,label,flag )

beforePointermove

^

beforePointerup ( fun,label,flag )

beforePointerup

^

beforeReset ( fun,label,flag )

beforeReset

^

beforeScroll ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeSelect ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeSize ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeSubmit ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

beforeTouchcancel ( fun,label,flag )

beforeTouchcancel

^

beforeTouchend ( fun,label,flag )

beforeTouchend

^

beforeTouchmove ( fun,label,flag )

beforeTouchmove

^

beforeTouchstart ( fun,label,flag )

beforeTouchstart

^

beforeUnload ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onAbort ( fun,label,flag )

onAbort

^

onBeforeunload ( fun,label,flag )

onBeforeunload

^

onBlur ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onChange ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onClick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onContextmenu ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDblclick ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDrag ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDragbegin ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDragenter ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDragleave ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDragover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDragstop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onDrop ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onError ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onFocus ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onKeydown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onKeypress ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onKeyup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onLoad ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMousedown ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMousemove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMouseout ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMouseover ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMouseup ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMousewheel ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMove ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onMspointercancel ( fun,label,flag )

onMspointercancel

^

onMspointerdown ( fun,label,flag )

onMspointerdown

^

onMspointermove ( fun,label,flag )

onMspointermove

^

onMspointerup ( fun,label,flag )

onMspointerup

^

onPointercancel ( fun,label,flag )

onPointercancel

^

onPointerdown ( fun,label,flag )

onPointerdown

^

onPointermove ( fun,label,flag )

onPointermove

^

onPointerup ( fun,label,flag )

onPointerup

^

onReset ( fun,label,flag )

onReset

^

onScroll ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onSelect ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onSize ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onSubmit ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.

^

onTouchcancel ( fun,label,flag )

onTouchcancel

^

onTouchend ( fun,label,flag )

onTouchend

^

onTouchmove ( fun,label,flag )

^

onTouchstart ( fun,label,flag )

onTouchstart

^

onUnload ( fun,label,flag )

返回值: [self]

参数:

  • fun [可选参数] : Function, 函数的参数 是 [xui.DomProfile 对象, DOM 事件对象, 目前元素的xid字符串].

  • label [可选参数] : String, 事件的标签.

  • flag [可选参数] : Boolean, 仅删除事件的时候有效,表示是否删除所有相关的事件.


上一篇 下一篇

评论



分享