topic Re: how do you capture keyboard events in extension? in Integration, Extension & APIs

how do you capture keyboard events in extension?

edwin — Fri, 25 Jun 2021 17:14:26 GMT

Hi, ive seen articles on accessibility for qlik sense itself. however i cant find any accessibility topics for extensions. how do you capture keyboard events in your extension?

thanks,

edwin

Re: how do you capture keyboard events in extension?

dannyy81 — Sat, 26 Jun 2021 11:15:16 GMT

you can use jQuery :

for example - capture enter key

$('#someTextBox').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
alert('You pressed a "enter" key in textbox');
}
});

Re: how do you capture keyboard events in extension?

edwin — Mon, 28 Jun 2021 19:58:12 GMT

hi @dannyy81 thanks for the response

ive seen this when the user is in an HTML object and presses a key

for accessibility, the whole extension is selected and the user presses a key. to simulate this, press tab when you are in Qlik Sense until the first visualization object is selected, press press arrow keys to navigate to your extension. then press ENTER. thats the key i want to capture.

so its not really a user pressing a key when in a text box.

thanks for your time though.

Re: how do you capture keyboard events in extension?

edwin — Mon, 28 Jun 2021 19:59:23 GMT

this will give you an idea:

https://www.qlik.com/us/trust/accessibility

Re: how do you capture keyboard events in extension?

edwin — Mon, 28 Jun 2021 20:15:51 GMT

there is a toggleDataView method in the capability API but all of the examples are for Mashups. can that be used for extensions? how?

thanks,

edwin

Re: how do you capture keyboard events in extension?

chrismorris — Tue, 02 Aug 2022 05:37:25 GMT

@dannyy81 wrote:

you can use jQuery :

for example - capture enter key

$('#someTextBox').keypress(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){
alert('You pressed a "enter" key in textbox');
}
});

I am try to make a space bar clicker that counts the number of time you press the spacebar key. Your code uses keycode==13 for Enter key. I am not sure what keycode to use for spacebar button. Can you please help with this?

Re: how do you capture keyboard events in extension?

dannyy81 — Tue, 02 Aug 2022 15:03:00 GMT

try 32