Javascript 我试图根据光标和所述对象之间的距离调整对象的大小。我得到的Y值总是naN

这是我的js代码，我总是得到一个naN作为我的Y变量的结果

var elm = document.getElementById("qrcode");
elm.addEventListener("mousemove",getcordd , false)

function getcordd(ev){
  var bdns = ev.target.getBoundingClientRect();
  var x = ev.clientx - bdns.left;
  var y = ev.clienty - bdns.top;
  console.log (`${y}`);
}

---

我在这里被迷住了，但读到你们想知道如何根据鼠标移动改变元素的大小，我把这个东西扔在了一起。看一看，如果你对此有任何疑问，请在评论中告诉我。干杯

var elm=document.getElementById（“qrcode”）；
document.getElementById（“mousecapture”）.addEventListener（“mousemove”，getcordd，false）
功能记录（ev）{
var bdns=ev.target.getBoundingClientRect（）；
//控制台日志（bdns）
var x=ev.clientX-bdns.left；
var y=ev.clientY-bdns.top；
//log（`${y}`、`${x}`、bdns.left、bdns.top）；
//调整div的大小
//console.log（ev.clientX，ev.clientX/bdns.width，ev.clientY，ev.clientY/bdns.height）
设min=10，
最大值=200；//最小宽度/高度；
elm.style.width=Math.max（min，Math.min（max，Math.round（max*Math.abs（x/bdns.width）））+“px”；
elm.style.height=Math.max（min，Math.min（max，Math.round（max*Math.abs（y/bdns.height）））+“px”；
}

html，
身体，
#容器{
宽度：100%；
身高：100%；
背景：#f0；
}
#QR码{
宽度：50px；
高度：50px；
背景：#f00；
颜色：#fff；
文本对齐：居中；
显示：内联块；
}
#鼠标夹{
宽度：100px；
高度：100px；
边框：1px实心#ccc；
背景：#fff；
浮动：对；
}

在白色框中移动鼠标

MouseEvent.clientx是

未定义的

尝试使用大写的“X”

。clientx

你知道我如何使用基于此的数学方程的答案来缩放div吗？你可以使用style属性更改js中元素的样式，例如

document.getElementById（“qrcode”）.style.width=“300px”会将元素的宽度更改为300px您希望更改的大小取决于距对象中心的距离还是距最近边的距离？你想让物体缩放还是改变它的尺寸（从而改变它的中点位置）？这非常接近我想做的，谢谢@尼古拉斯-如果它回答了你的问题或帮助解决了问题，请随意将其标记为答案。干杯