在div元素上创建边框并绑定事件

Question

我有这个div：

<div style="width:100px; height:100px; background-color:green"></div>

我需要从div的右侧创建边框并绑定到边框鼠标按下事件。

我该如何实施？

这是我试过的

但问题是，当鼠标按下不仅发生在rightBorder上而且发生在PropertyArea上时，会触发StartResizing函数。

如何在propertyArea div中阻止StartResizing？

function StartResizingPropertiesWindow(e) {
  console.log(e.clientX,e.clientY,e.target);
}

<div id="rightBorder" style="border-right:5px solid black;width:100px; height:100px" onmousedown="return StartResizingPropertiesWindow(event)">
  <div id="PropertyArea" style="width:100px; height:100px; background-color:green"></div>
</div>

Answer 1

我想如果你将pointer-events: none;添加到＆＃34; propertyArea＆＃34; DIV。它可能会给你带来理想的效果。

它应该改变在该div上处理点击和鼠标事件的方式。他们是否可以通过等等。