DecSoft Support - KeyDown event? Checking user's inputs on keyboard (and mouse click)

KeyDown event? Checking user's inputs on keyboard (and mouse click)

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Take a look at some frequently asked questions about us and our products!

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

Walter Hiller

Hello,

In certain circumstances I have to survey the inputs from the keyboard, means to check pressed keys. I realise this by adding the code

   <div id="action"></div>
   <script type="text/javascript">
      document.onkeydown = function(event) {<br>       var actionBox = document.getElementById('action');<br>       window.App.RootScope.KeyPressed = event.keyCode;<br>       return event.returnValue;<br>      }//function()<br>   </script>

... into index.html. But until now I don´t find a way to implement this function directly in AppBuilder.

Thanks for your help
Walter

DecSoft

Hello Walter,

The above code look well except for the "document.getElementById('action')", which maybe cause an error if the element "action" doesn't exists. On the other hand, try to leave the "index.html" without changes, since this file is generated automatically by the program in every debug/build operation. Then you can use a separated Javascript to do something like that.

Update your App Builder copy because I update it in order to add the KeyUp and KeyDown events for all Input controls, Textarea and Typeahead controls. You can use such events like others in App Builder, and remember the variable "Event" of the control contains the information about the event, then in the case of the KeyUp and KeyDown events, for example:

// Log the pressed key code<br>Console "[Input1.Event.keyCode]" "info"

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.