i've created simple html webpage. users need select text 1.23, , drag/drop browser. works perfectly. (i didn't need write code in order work. assume that's part of browser's built-in features.)
i need round off number 1.5. have no trouble doing rounding, how can catch (and change) value during dragging? don't want change value in first browser, needs stay 1.23... need rounding between drag-start , dropping, 2nd browser window.
can done? post code, said works without code... except "change while dragging part".
i'd rather write own code , not drag in massive code libraries jquery 1 tiny feature.
maybe try changing text in browser when starts , reverting after you've dropped it? try this:
https://jsfiddle.net/domination/4zejjygk/1/
html:
<div id="dragel" draggable='true'>1.5343</div> js:
//this element dragitem = document.getelementbyid("dragel"); //this event changes when mouse on dragitem.addeventlistener("mouseover", handlestart); //these events change when dragging finished dragitem.addeventlistener("mouseout", handleend); dragitem.addeventlistener("dragend", handleend); temp = dragitem.innerhtml; //this launched when hovered on function handlestart(e){ e.preventdefault(); text = e.target.innerhtml rounded = math.round(number(text)*10)/10; //rounds number 2 decimal places e.target.innerhtml = rounded; } //this launched when dragging has finished function handleend(e) { e.preventdefault(); e.target.innerhtml = temp; //reverts original } if have access other page dragging to, ivan suggested , use ondrop event on section dropping on...
Comments
Post a Comment