Ufdjrw

Do wooden building fires get hotter than 600°C?

NumericArray versus PackedArray in MMA12

Using et al. for a last / senior author rather than for a first author

How could we fake a moon landing now?

Disembodied hand growing fangs

How to install press fit bottom bracket into new frame

Drawing without replacement: why is the order of draw irrelevant?

Maximum summed subsequences with non-adjacent items

Why do we need to use the builder design pattern when we can do the same thing with setters?

ArcGIS Pro Python arcpy.CreatePersonalGDB_management

How do I use the new nonlinear finite element in Mathematica 12 for this equation?

SF book about people trapped in a series of worlds they imagine

Do any jurisdictions seriously consider reclassifying social media websites as publishers?

Is grep documentation about ignoring case wrong, since it doesn't ignore case in filenames?

Why wasn't DOSKEY integrated with COMMAND.COM?

Is it possible for SQL statements to execute concurrently within a single session in SQL Server?

Is there any word for a place full of confusion?

Is it fair for a professor to grade us on the possession of past papers?

Localisation of Category

Selecting user stories during sprint planning

Why is it faster to reheat something than it is to cook it?

What is the difference between globalisation and imperialism?

Multiple OR (||) Conditions in If Statement

How to compare two different files line by line in unix?

img onclick function immediately proceeds to called functions

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

When I click on the img as below and proceed to the processToolClick function the 2 eventListener events are executed rather than waiting for the mouseup or mousedown event to occur before proceeding. I have tried anonymous functions and .bind which seem to prevent acc3ess to the processToolClick function. How do I stop with the onclick and await the mousup or mousedown event?

 <img src="graphicPaneResources/linetool.png" alt="Line Tool" onClick = "processToolClick(this, event)";>

function processToolClick(elem, evt) {
let tmpToolName = elem.src;
tmpToolName = tmpToolName.substring(tmpToolName.lastIndexOf("/")+1);
tmpToolName = tmpToolName.substring(0, tmpToolName.indexOf("."));
switch(tmpToolName) 
 case "linetool":
 console.log("OK "+tmpToolName+" "+evt) 
 toolSelection = "linetool";
 canvas.addEventListener("onmousedown", lineDrawer.startLine(evt));
 canvas.addEventListener("onmouseup", lineDrawer.endLine(evt));
 lineDrawer.processLine(evt);
 break;
 default:

image

share|improve this question

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

add a comment | 

0

When I click on the img as below and proceed to the processToolClick function the 2 eventListener events are executed rather than waiting for the mouseup or mousedown event to occur before proceeding. I have tried anonymous functions and .bind which seem to prevent acc3ess to the processToolClick function. How do I stop with the onclick and await the mousup or mousedown event?

 <img src="graphicPaneResources/linetool.png" alt="Line Tool" onClick = "processToolClick(this, event)";>

function processToolClick(elem, evt) {
let tmpToolName = elem.src;
tmpToolName = tmpToolName.substring(tmpToolName.lastIndexOf("/")+1);
tmpToolName = tmpToolName.substring(0, tmpToolName.indexOf("."));
switch(tmpToolName) 
 case "linetool":
 console.log("OK "+tmpToolName+" "+evt) 
 toolSelection = "linetool";
 canvas.addEventListener("onmousedown", lineDrawer.startLine(evt));
 canvas.addEventListener("onmouseup", lineDrawer.endLine(evt));
 lineDrawer.processLine(evt);
 break;
 default:

image

share|improve this question

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

add a comment | 

When I click on the img as below and proceed to the processToolClick function the 2 eventListener events are executed rather than waiting for the mouseup or mousedown event to occur before proceeding. I have tried anonymous functions and .bind which seem to prevent acc3ess to the processToolClick function. How do I stop with the onclick and await the mousup or mousedown event?

 <img src="graphicPaneResources/linetool.png" alt="Line Tool" onClick = "processToolClick(this, event)";>

function processToolClick(elem, evt) {
let tmpToolName = elem.src;
tmpToolName = tmpToolName.substring(tmpToolName.lastIndexOf("/")+1);
tmpToolName = tmpToolName.substring(0, tmpToolName.indexOf("."));
switch(tmpToolName) 
 case "linetool":
 console.log("OK "+tmpToolName+" "+evt) 
 toolSelection = "linetool";
 canvas.addEventListener("onmousedown", lineDrawer.startLine(evt));
 canvas.addEventListener("onmouseup", lineDrawer.endLine(evt));
 lineDrawer.processLine(evt);
 break;
 default:

image

share|improve this question

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

 <img src="graphicPaneResources/linetool.png" alt="Line Tool" onClick = "processToolClick(this, event)";>

function processToolClick(elem, evt) {
let tmpToolName = elem.src;
tmpToolName = tmpToolName.substring(tmpToolName.lastIndexOf("/")+1);
tmpToolName = tmpToolName.substring(0, tmpToolName.indexOf("."));
switch(tmpToolName) 
 case "linetool":
 console.log("OK "+tmpToolName+" "+evt) 
 toolSelection = "linetool";
 canvas.addEventListener("onmousedown", lineDrawer.startLine(evt));
 canvas.addEventListener("onmouseup", lineDrawer.endLine(evt));
 lineDrawer.processLine(evt);
 break;
 default:

share|improve this question

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

share|improve this question

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12

asked Mar 8 at 19:59

Ed AndersonEd Anderson

12