From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/api/mouseevent/region/index.html | 56 ++++++++++++++++++++++++ 1 file changed, 56 insertions(+) create mode 100644 files/zh-cn/web/api/mouseevent/region/index.html (limited to 'files/zh-cn/web/api/mouseevent/region') diff --git a/files/zh-cn/web/api/mouseevent/region/index.html b/files/zh-cn/web/api/mouseevent/region/index.html new file mode 100644 index 0000000000..15bdf83f92 --- /dev/null +++ b/files/zh-cn/web/api/mouseevent/region/index.html @@ -0,0 +1,56 @@ +--- +title: MouseEvent.region +slug: Web/API/MouseEvent/region +tags: + - API + - Canvas + - DOM Events + - MouseEvent +translation_of: Web/API/MouseEvent/region +--- +
{{APIRef("DOM Events")}}
+ +

The MouseEvent.region read-only property returns the id of the canvas hit region affected by the event. If no hit region is affected, null is returned.

+ +

语法

+ +
var hitRegion = instanceOfMouseEvent.region
+
+ +

返回值

+ +

A {{domxref("DOMString")}} representing the id of the hit region.

+ +

例子

+ +
<canvas id="canvas"></canvas>
+
+<script>
+var canvas = document.getElementById("canvas");
+var ctx = canvas.getContext("2d");
+
+ctx.beginPath();
+ctx.arc(70, 80, 10, 0, 2 * Math.PI, false);
+ctx.fill();
+ctx.addHitRegion({id: "circle"});
+
+canvas.addEventListener("mousemove", function(event){
+  if(event.region) {
+    console.log("hit region: " + event.region);
+  }
+});
+</script>
+
+ +

浏览器兼容性

+ + + +

{{Compat("api.MouseEvent.region")}}

+ +

更多参考

+ + -- cgit v1.2.3-54-g00ecf