How to best implement the 'click' event on mobile version?

1

The click event listener is working on the desktop version.
But it does not work on the mobile version.
When I tap the text field, it does not toggle between checkMark and ‘’.
What event should I use? How about the e.target.value?

kintone.events.on(['mobile.app.record.create.change.employee_status', 'mobile.app.record.edit.change.employee_status'], function (event) {
    let eeStatus = event.changes.field.value;

    // **codes omitted to save space **

    // Add a click event listener to the first text field of all rows in the table so that when the text field is clicked, it will toggle between checkMark and ''

    for (let i = 0; i < tblZeroInput.length; i++) {
      tblZeroInput[i].addEventListener('click', function (e) {
        if (e.target.value == checkMark) e.target.value = '';
        else e.target.value = checkMark; // toggle
      });
    }
});
2

Hello annaylee,

Based on the script you sent, it looks like it failed to obtain table data.
I can’t see the whole script, but I assume the reason is that you are specifying classes that don’t exist in a mobile version in “subtable-row-gaia” or such.

You might already know, but you can check the mobile version of your Kintone environment by adding /m to your environment URL like the following:

https://{subdomain}.kintone.com/k/m/{appid}/

And then, using something like developer tools in Google Chrome, you can check the mobile version classes.

I also made a sample script of it:

(function() {
  "use strict";
  
  var wEvent = [
    "mobile.app.record.edit.show",
    "mobile.app.record.create.show"
  ];

  kintone.events.on(wEvent, function(event) {
    document.getElementsByClassName('subtable-row-gaia')[0].children[0].addEventListener('click', function (e) {
       alert("click"); 
    });
  });
})();

I hope this helps.