{"id":55876,"date":"2022-05-20T03:01:18","date_gmt":"2022-05-19T17:01:18","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=55876"},"modified":"2022-05-21T12:10:17","modified_gmt":"2022-05-21T02:10:17","slug":"keyboard-based-cursor-personalized-content-copy-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/keyboard-based-cursor-personalized-content-copy-tutorial\/","title":{"rendered":"Keyboard Based Cursor Personalized Content Copy Tutorial"},"content":{"rendered":"
\"Keyboard<\/a>

Keyboard Based Cursor Personalized Content Copy Tutorial<\/p><\/div>\n

On top of yesterday’s Keyboard Based Cursor Content Copy Tutorial<\/a> we wanted to offer the user the chance for them to tailor their foreground content on top of the Lorem Picsum<\/a> background image.<\/p>\n

The user can enter this via the keyboard because there is an HTML div contenteditable<\/a>=true pallette to work with …<\/p>\n


\n<div id=mydiv onfocus='setTimeout(alte, 1000);' ondblclick=\"this.innerHTML='';\" onclick='stamp(event);' title='Click and type and see the cursor change as you use Alt or Shift or Control that can be reset via Caps Lock with a click copying cursor into content ... RJM Programming ... May, 2022 ... thanks to https:\/\/picsum.photos\/ Lorem Picsum You can change emojis if you know the \\002602 form of UTF-16 (hex) entry (our example is umbrella and if you express it as \\\\002602 that leaves cursor just as your emoji). <\/font>Double click existant foreground emoji element to clear all the foreground emoji elements.<\/font>' spellcheck='false' contenteditable=true style='width:100vw;height:100%;color:transparent;text-color:transparent;' onkeypress=kpcursorlook(event); <\/font>onkeydown=cursorlook(event); onmousemove=xycursorlook(event); ontouchmove=xycursorlook(event);><\/div>
\n<\/code><\/p>\n

It’s “title” attribute now talks about two new pieces of functionality, those being …<\/p>\n