# SelectorQuery NodesRef.boundingClientRect(function callback)
with Promise style call: Not supported
Mini Program plugin: Support
Add a query request for the layout location of the node. In pixels relative to the display area. Its function is similar to HOUSE of getBoundingClientRect
Return. NodesRef
Corresponding SelectorQuery
。
# parameter
# function callback
Callback function, before executing SelectorQuery.exec
Method, the node information is displayed in the callback
Returns in.
# parameter
# Object res
attribute | type | Introductions |
---|---|---|
id | string | Node ID |
dataset | Object | Node dataset |
left | number | Left boundary coordinates of nodes |
right | number | Node's right boundary coordinates |
top | number | Upper boundary coordinates of nodes |
bottom | number | Lower boundary coordinates of nodes |
width | number | Width of node |
height | number | Node height |
# Return value
# SelectorQuery
# sample code
Page({
getRect () {
wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){
rect.id // Node ID
rect.dataset // DataSet for Node
rect.left // Left boundary coordinates of nodes
rect.right // Node's right boundary coordinates
rect.top // Upper boundary coordinates of nodes
rect.bottom // Lower boundary coordinates of nodes
rect.width // Width of node
rect.height // Node height
}).exec()
},
getAllRects () {
wx.createSelectorQuery().selectAll('.a-class').boundingClientRect(function(rects){
rects.forEach(function(rect){
rect.id // Node ID
rect.dataset // DataSet for Node
rect.left // Left boundary coordinates of nodes
rect.right // Node's right boundary coordinates
rect.top // Upper boundary coordinates of nodes
rect.bottom // Lower boundary coordinates of nodes
rect.width // Width of node
rect.height // Node height
})
}).exec()
}
})