Idea to Code

アイデアをコードへ
独学でプログラミング関係にいろいろ手を出すサイト

hawk

HTA

選択不可2015/12/29

HTAで要素を選択不可能にしてみた。

hta:applicationにselect="no"を指定することで実現。


コピー防止などに利用可能。

選択でのスクロールも防止できる。


実行イメージ
no_select.hta
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <script language="VBScript" src="resize.vbs"></script>
    <title>選択不可テスト</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="all">
    <hta:application
      scroll="no"
      selection="no"
    />
  </head>
  <body>
    <h1>選択不可テスト</h1>
    <p>選択できないテキスト</p>
    <br>
    <p><a href="#">クリックはできるリンク</a></p>
    <br>
    <button>クリックはできるボタン</button>
  </body>
</html>
resize.vbs resize.vbs
window.resizeTo 300,200
style.css
* {
  margin : 0;
  padding : 0;
}

html, body {
  padding : 5px;
}