누군가 "클릭"이벤트와 "contentClick"이벤트의 차이점을 설명 할 수 있습니까?
stage.on("contentClick", function(e) {
console.log("stage contentClick");
})
stage.on("click", function(e) {
console.log("stage click");
})
//Both events get fired equally
이미 "contentClick"이 무대에서만 작동하는 것 같습니다.
rect.on("contentClick", function(e) {
//This never gets fired
console.log("rect contentClick");
})
... 그리고 "contentClick"은 cancelBubble과 잘 작동하지 않습니다 :
rect.on("click", function(e) {
console.log("rect click");
e.cancelBubble = true;
})
stage.on("contentClick", function(e) {
//This fires even though cancelBubble should prevent it
console.log("stage contentClick");
})
이러한 차이점 외에도 정확히 "contentClick"이란 무엇이며 일반적으로 어떤 용도로 사용됩니까?
감사 !
contentEvent
DOM 요소의 이벤트에서 모든 것이 시작 됩니다. 콜백의 첫 번째 인수는 특별한 Kinetic 이벤트 객체입니다. evt
속성을 통해 기본 DOM 이벤트 객체에 액세스 할 수 있습니다 (v.5.1.0의 경우).
stage.on("contentClick", function(e) {
var nativeEvent = e.evt;
console.log("stage contentClick", e);
});
다른 이벤트 ( 'content'접두사 없음)는 키네틱 노드 이벤트에서 시작됩니다. 데모보기 : http://jsbin.com/pomemo/1/edit
이미지를 클릭하십시오. 콘솔 contentClick
(캔버스 요소에서 버블 click
링됨 ) 및 (Kinetic.Image에서 "버블 링됨" ) 두 개의 이벤트가 표시됩니다 . 그런 다음 빈 공간을 클릭하십시오. 하나의 이벤트 만 표시 contentClick
되고 click
이벤트는 표시되지 않습니다 (Kinetic.Node를 클릭하지 않았기 때문에).
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다