index.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="./js/usign.js"></script>
  9. <script type="module">
  10. window.onload = () => {
  11. const resultDom = document.querySelector('#result');
  12. const btn = document.querySelector('#encrypt');
  13. btn.addEventListener('click', () => {
  14. const inputDom = document.querySelector('#params');
  15. const value = inputDom.value;
  16. if (value) {
  17. resultDom.value = u_sign(value);
  18. }
  19. });
  20. const copy = document.querySelector('#copy');
  21. copy.addEventListener('click', () => {
  22. const value = resultDom.value;
  23. if (value) {
  24. resultDom.select();
  25. document.execCommand("Copy");
  26. resultDom.blur();
  27. }
  28. });
  29. }
  30. </script>
  31. <link rel="stylesheet" href="./css/index.css" />
  32. </head>
  33. <body>
  34. <div id="app">
  35. <form>
  36. <div class="form-item">
  37. <label>请求地址及参数:</label>
  38. <textarea id="params" type="text" placeholder="示例: /youzy.dms.basiclib.api.career.job.hits.inc?jobCode=02030502"></textarea>
  39. </div>
  40. <input id="encrypt" type="button" value="加密">
  41. </form>
  42. <form>
  43. <div class="form-item">
  44. <label>结果:</label>
  45. <textarea id="result" type="text"></textarea>
  46. </div>
  47. <input id="copy" type="button" value="复制">
  48. </form>
  49. </div>
  50. </body>
  51. </html>