ボタンをclickで走るイベントを読み込んだ時点で走るようにしたい

Question

現在外部の機械にカードをかざすことでそのカードのidを読み込む処理を作成しています。
元々「カードをかざす」というボタンをクリックすることで読み取り状態になる機能だったのですが、常に読み取り状態になるようにしてほしいと言われました。
そこで

btn.addEventListener('load', async () => {"id読み取り処理"}

だったものを

window.addEventListener('DOMContentLoaded', async () => {"処理"}

$(window).on("load", async function() {"処理"});

window.onload = async function(){"処理"}   

$(document).ready( async function(){"処理"});

を試したのですがSecurityError: Must be handling a user gesture to show a permission request.と出てしまい、うまくいきません
調べたら読み込み時に処理を行うようにすると出るエラーというところまでは分かったのですが、その解決法までは分かりませんでした
どなたかご教授願えませんか？

Comments

[m.ts10806]

「外部の機械」とは何でしょうか。

[syoozu]

ICカードリーダーです。
ただ他の方の回答からできない処理ということがわかりました。
お手数をおかけして申し訳ございませんでした。

Answer 1

その解決法までは分かりませんでした

通常の方法ではどうしようもありません。ブラウザ側にエクステンションとして何かを組み込んで、特定のページだけ権限制御を行う、というような必要があるかと思います。

Comments

[syoozu]

プログラム側からではどうしようもないエラーなんですね
ありがとうございました

Answer 2

なんともいえませんが
windowはDOMContentLoaded→Load→pageshowの順で処理されるので
pageshowで処理するとか

window.addEventListener('pageshow', function(e){
  console.log(1);
});
window.addEventListener('load', function(e){
  console.log(2);
});
window.addEventListener('DOMContentLoaded', function(e){
  console.log(3);
});

btnのイベントに紐付いているならエミュレートしてやるとか・・・

<script>
HTMLElement.prototype.trigger=function(eventStr){
  var e = document.createEvent("HTMLEvents");
  e.initEvent(eventStr, true, true );
  return this.dispatchEvent(e);
};
window.addEventListener('DOMContentLoaded', ()=>{
  document.querySelector('#btn').addEventListener('click',e=>{
    console.log("btn click");
  });
  document.querySelector('#btn').trigger('click');
});
</script>

<input type="button" value="test" id="btn">

※clickならこれで処理できますが命題ではLoadを利用しているようです
どういう実装なのか不明なのでどうように処理できるかはわかりません

Comments

[kei344]

「DOMException: Must be handling a user gesture to show a permission request.」はユーザーによる能動的な行動を必要とするものなのでは。（「クリックさせて回避」といった解決方法がいくつか見られたので）

[yambejp]

おお、よく読んでませんでした
プログラムでの処理が拒否されるなら無理ですね

[syoozu]

ロード時に可能な処理と不可能な処理があるんですね。勉強になりました。ありがとうございました。
また、DOMContentLoaded、Load、pageshowについても今まで違いを意識せずに使用していたため、知ることが出来て助かりました。
loadについてはコードをいろいろ試してる際のものをそのまま上げてしまいました。clickが正しいです。申し訳ございません。