uniapp 通过mousedown获取该盒子的高度
时间: 2023-05-04 13:07:08 浏览: 130
uni-app 组件里面获取元素宽高的实现
在使用uniapp时,mousedown事件可以用来获取盒子的高度。我们可以在盒子的父元素上注册mousedown事件,并通过事件对象获取鼠标点击的位置,然后再获取该盒子的高度。
示例代码如下:
<template>
<div class="box" @mousedown="getBoxHeight($event)">
<p>这是一个盒子</p>
</div>
</template>
<script>
export default {
methods: {
getBoxHeight(event) {
// 获取盒子的高度
const boxHeight = event.currentTarget.clientHeight;
console.log('盒子的高度是:', boxHeight);
}
}
}
</script>
在这个示例中,我们在盒子的父元素上注册了mousedown事件,并在方法getBoxHeight中通过event.currentTarget获取被点击的盒子并获取其高度。最后我们在控制台中输出盒子的高度,以便我们进行调试和查看。
需要注意的是,使用mousedown获取盒子高度要考虑一些兼容性问题。在不同的浏览器和设备上,获取盒子高度的方法可能不同,需要进行相应的兼容处理。
阅读全文