Merge pull request #381 from nucliweb/issue-#380

Fix issue #380

Author: lmccart

src/data/examples/en/90_Hello_P5/07_song.js

@@ -105,10 +105,12 @@ function draw() {
 }
 
 // When we click
-function mousePressed() {
-  // Map mouse to the key index
-  let key = floor(map(mouseX, 0, width, 0, notes.length));
-  playNote(notes[key]);
+function mousePressed(event) {
+  if(event.button == 0 && event.clientX < width && event.clientY < height) {
+    // Map mouse to the key index
+    var key = floor(map(mouseX, 0, width, 0, notes.length));
+    playNote(notes[key]);
+  }
 }
 
 // Fade it out when we release

src/data/examples/es/90_Hello_P5/07_song.js

@@ -106,10 +106,12 @@ function draw() {
 }
 
 // cuando hacemos click
-function mousePressed() {
-  // mapear el ratón al índice de la tecla
-  let key = floor(map(mouseX, 0, width, 0, notes.length));
-  playNote(notes[key]);
+function mousePressed(event) {
+  if(event.button == 0 && event.clientX < width && event.clientY < height) {
+    // mapear el ratón al índice de la tecla
+    var key = floor(map(mouseX, 0, width, 0, notes.length));
+    playNote(notes[key]);
+  }
 }
 
 // Disminuye gradualmente cuando soltamos el botón del ratón

src/data/examples/zh-Hans/90_Hello_P5/07_song.js

@@ -105,10 +105,12 @@ function draw() {
 }
 
 // When we click
-function mousePressed() {
-  // Map mouse to the key index
-  let key = floor(map(mouseX, 0, width, 0, notes.length));
-  playNote(notes[key]);
+function mousePressed(event) {
+  if(event.button == 0 && event.clientX < width && event.clientY < height) {
+    // Map mouse to the key index
+    var key = floor(map(mouseX, 0, width, 0, notes.length));
+    playNote(notes[key]);
+  }
 }
 
 // Fade it out when we release