js怎样获取对象id值

js怎样获取对象id值,第1张

/

  @see 鼠标点击拖拽的效果(页面可以同时拖动多个框)

  @param boxId 整个对象(框)的id(一般为div或table)

  @param event 内置对象(必须传入)

 /

function mousePlead1(event, boxId) {

    var o = getO(boxId);

    var isIE = documentall  true : false;

    var e = event;

    var x = eoffsetX || elayerX;

    var y = eoffsetY || elayerY;

    documentonmousemove = function(e) {

        ostylefilter = 'Alpha(opacity=70)';

        ostyleopacity = '07';

        if (isIE) {

            osetCapture();

        } else {

            windowcaptureEvents(EventMOUSEMOVE);

        }

        var e = windowevent || e;

        if (eclientX - x >= 0 && eclientY - y >= 0 && eclientX - x <= getWinSize()[0] - getO(boxId)offsetWidth

                && eclientY - y <= getWinSize()[1] - getO(boxId)offsetHeight) {

            ostyleleft = (eclientX - x) + "px";

            ostyletop = (eclientY - y) + "px";

        }

    };

    documentonmouseup = function(e) {

        documentonmousemove = function() {

        };

        if (isIE) {

            oreleaseCapture();

        } else {

            windowreleaseEvents(oMOUSEMOVE);

        }

        ostylefilter = "";

        ostyleopacity = "";

    };

}

 

/

 @see 获得对象

 @param id 对象的id(表单元素和其他标签都可以)

 @return Object

/

function getO(id) {

    return documentgetElementById(id);

}

 

/

  @see 获得当前窗体的大小(width,height)

  @return Array 

 /

function getWinSize() {

    var width = parseInt(documentdocumentElementclientWidth);

    var height = parseInt(documentdocumentElementclientHeight);

    return new Array(width, height);

}

eventsrcElement从字面上可以看出来有以下关键字:事件,源 他的意思就是:当前事件的源,event //事件 eventsrcElement 可以捕获当前事件作用的对象,如eventsrcElementtagName可以捕获活动标记名称。

注意获取的标记都以大写表示,如"TD","TR","A"等 <script type="text/javascript"> function tdclick(){ if(eventsrcElementtagNametoLowerCase()=='td') alert("行:"+(eventsrcElementparentNoderowIndex+1)+"列:"+(eventsrcElementcellIndex+1)); } </script>

1、onclick="check(this)"

2、js代码中event是一个Object对象,要循环

for (element in event) {

alert(element); // 获取属性名

alert(eventelement); // 获取属性值

}

3、不知道你要取那个标签对象,你在循环的时候去做个判断,然后后面就顺了

js获取游戏控件方法如下:

//获取坐标位置

function getpos(e) {

var t=eoffsetTop;

var l=eoffsetLeft;

var height=eoffsetHeight;

while(e=eoffsetParent) {

t+=eoffsetTop;

l+=eoffsetLeft;

假设 obj 为某个 HTML 控件。

objoffsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。

objoffsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。

objoffsetWidth 指 obj 控件自身的宽度,整型,单位像素。

objoffsetHeight 指 obj 控件自身的高度,整型,单位像素。

我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。

“提交”按钮的 offsetTop 指“提交”按钮距“tool”层上边框的距离,因为距其上边最近的是 “tool” 层的上边框。

“重置”按钮的 offsetTop 指“重置”按钮距“tool”层上边框的距离,因为距其上边最近的是 “tool” 层的上边框。

“提交”按钮的 offsetLeft 指“提交”按钮距“tool”层左边框的距离,因为距其左边最近的是 “tool” 层的左边框。

“重置”按钮的 offsetLeft 指“重置”按钮距“提交”按钮右边框的距离,因为距其左边最近的是“提交”按钮的右边框。 

offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,styletop 也是可以的,二者的区别是:

一、offsetTop 返回的是数字,而 styletop 返回的是字符串,除了数字外还带有单位:px。

二、offsetTop 只读,而 styletop 可读写。

三、如果没有给 HTML 元素指定过 top 样式,则 styletop 返回的是空字符串。

offsetLeft 与 styleleft、offsetWidth 与 stylewidth、offsetHeight 与 styleheight 也是同样道理。

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

eventclientX 相对文档的水平座标

eventclientY 相对文档的垂直座标

eventoffsetX 相对容器的水平坐标

eventoffsetY 相对容器的垂直坐标 

documentdocumentElementscrollTop 垂直方向滚动的值

eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量 

以上主要指IE之中,FireFox差异如下:

IE60、FF106+:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE50/55:

clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

以上就是关于js怎样获取对象id值全部的内容,包括:js怎样获取对象id值、JS中 event.srcElement是什么意思, event是什么、onclick事件,无法获取js事件源对象,财富不多,希望高手帮忙看看,给些建议,谢谢~等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9708973.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存