Cursor jumps to end of text when editing item

V Rickert

I am using a Javascript function, toUpperCase() to convert data input in a text field.  However, when users would like to change a piece of the data string in the text, the cursor changes one character only before jumping to the end of the text and continuing.  This feature causes aggravation to users.  How can I keep the cursor in the correct place within the string and still use toUpperCase without the cursor jumping to the end of the string?

Thank you!

Vishal Pathak (OBIEE-APEX)

the best way to test is to remove OnKeyUp="this.value=this.value.toUpperCase();"  and then check whether you still have the problem

strange that the problem is there even when you replace OnKeyUp with onChange because the function should not be executed until the change is complete. also replace OnKeyUp with onBlur

share the results

Vishal Pathak (OBIEE-APEX)

what event triggers the javascript function. is it onChange?

V Rickert

OnKeyUp...so each upstroke causes the Javascript to execute and change the letter to uppercase.  This is causing the cursor, I'm guessing, to track to the end of the literal.

Vishal Pathak (OBIEE-APEX)

exactly, change it to onChange and see if the behavior changes

let me know if this answers your query in the current thread

V Rickert

I changed the event to OnChange but the effect was the same.  The cursor is positioned within a word for one character before being repositioned at the end of the word to add any additional text.  Very annoying...

Vishal Pathak (OBIEE-APEX)

are you calling toUpperCase from another javascript function which is called onChange event? if yes,then add alert box after and before the toUpperCase function  call and see whether it is this call that does the damage.

i am guessing that some other piece of code is doing the mischief

V Rickert

No I do not call the onChange event at all.  Within a page item definition, under HTML Form Element Attributes, I specifiy OnKeyUp="this.value=this.value.toUpperCase();"  That's it.  But I will check if other calls, maybe dynamic function or something else may be interfering.  Would the toUpperCase cause the cursor to be repositioned?

Vishal Pathak (OBIEE-APEX)

the best way to test is to remove OnKeyUp="this.value=this.value.toUpperCase();"  and then check whether you still have the problem

strange that the problem is there even when you replace OnKeyUp with onChange because the function should not be executed until the change is complete. also replace OnKeyUp with onBlur

share the results

V Rickert

Thank you!  Sorry it took so long to reply to this but OnBlur did the trick!  Thanks!