div元素和綁定事件

-4

<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>

來源

2016-11-21 Michael

隨着超過2k代表，你應該知道創建一個[mcve] – mplungjan

你可能會想看看CSS類。您嘗試查找'border-right'和'：active' –

@tylermackenzie，是否很容易實現？我只需要點擊邊框時纔會觸發功能 – Michael

我覺得如果你添加pointer-events: none;到「propertyArea」分區。它可能會給你想要的效果。

它應該改變點擊和鼠標事件在該div上的處理方式。是否他們可以通過或不通過等

來源

2016-11-21 18:41:49

感謝您的幫助，但是它並沒有改變任何東西，當我把它放在PropertyArea中時 – Michael

div元素和綁定事件

回答

相關問題