getBoundingClientRect()
Returns an object whose left, top, right
and bottom properties describe the text rectangle of the supplied element
relative to the viewport.
Syntax
var rect = behavior.getBoundingClientRect(element);
Example
var mybehavior = jsb.behavior.extend({
onmousedown: function(element) {
this.showDropDown(element);
},
showDropDown: function(element) {
var rect = this.getBoundingClientRect(element);
var dropdown = new MenuList("#postal-codes");
// show the dropdown box immediately below the element
dropdown.show(rect.left, rect.bottom, rect.width, "auto");
}
});
Notes
This method provides a cross-browser, safe way to perform the W3C equivalent method. Please note that some browsers do not support this method so you should always use the jsb method.