パスワードジェネレータChrome拡張機能のonsubmit/onclickの置き換え方法

Question

Grad-ProjectのChrome拡張機能でパスワードマネージャを作成しようとしています パスワードジェネレータを持っていますが、Broweractionがサポートしていない大きな問題は、 、inline JavaScript will not be executed onclickの 私は発電機があなたの質問について

<form method="get" name="passform" onsubmit="generate();javascript:passInBox(); return false;"> 
    <p> 
     Choose Length: 
     <select id="length" style="padding:0.2em 1.5em;font-family:monospace; font-size: 16px"> 
     <option value="10">10</option> 
     <option value="11">11</option> 
     <option value="12">12</option> 
     <option value="13">13</option> 
     <option value="14">14</option> 
     <option value="15">15</option> 
     </select> 
    </p> 
    <p style="margin-top:0.5em; line-height:1.5"><input type="radio" id="alphabetic" checked="checked" name="type"> <label for="alphabetic">Alphabetic</label><br> 
     <input type="radio" id="alphanumeric" name="type"> <label for="alphanumeric">Alphanumeric</label><br> 
    <p><input id="Gbutton" type="submit" value="Generate password" id="show" style=" " onClick=          \""></p> 
    <p><input type="password" id="result" name="passbox" tabindex="1" size="20"> 
    <div style="font-size:14px ;margin-bottom:15px; "> 
     <input type="checkbox" onchange="document.getElementById('result').type = this.checked ? 'text' : 'password'"> show or hide password 
    </div> 
    </p> 
    <p><input class="buttons" type="reset" value="Clear" >&nbsp; 
     <input class="buttons" type="button" value="Help" Onclick="help()" >&nbsp; 
     <input class="buttons btn" type="button" value="Copy" data-clipboard-action="copy" data-clipboard-target="#result" >&nbsp; 
    </p> 
</form> 

Answer 1

非常に明確ではないbroweractionに働いているか疑問だようonepasswordとてLastPassの拡張機能のようなものを作成しようとしていますが、デフォルトでは注意してください。 。

Content Security Policyをご覧になり、デフォルトのポリシーを緩和する方法や、button.addEventListener('click', function(){}, false);のようなコードでスクリプトファイルを使用してイベントをバインドすることができます。