ベストアンサー

HP 「シフトキー＋クリック」で別の動作がしたい

2014/07/28 10:58

ホームページ作成で小さな画像を配置し、この画像をクリックすれば元の大きい静止画を表示し、シフトキーを押しながらクリックしたら動画を表示させたいのですがこんなことはできるでしょうか。現在は下記の通り静止画のみ表示しています。 <a href="静止画.html"><img src=静止画.jpg width="60" height="45"> ご教授方よろしくお願い致します。

nzmsys
お礼率85% (49/57)

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

asciiz
ベストアンサー率70% (6871/9771)

2014/07/28 12:40 回答No.1

以下のような感じのスクリプトで、<form>～</form>内にイメージボタンとして書いてやれば、実現できそうです。・クリック時にシフトキー押下を 'yes' または 'no' で表示するスクリプト <input type="button" value="Test" onclick="event.shiftKey ? alert('yes'): alert('no')"> →それぞれのalert() 関数の代わりに、<head>内に書いた画像表示/動画再生をするスクリプトを呼び出すように変更。 ---- しかし、そのようなことはやらない方が良いと思います。マウスでWebブラウジングしていて、わざわざもう片方の手をキーボードに伸ばさなければならない、あるいはそもそもShiftキーが無い環境(タブレット・スマホ等)などを考えると、非常にユーザビリティを落とす操作方法であるように思うからです。労が多い割に、見落とされやすくなるなど、メリットはあまり無いでしょう。単純に2つボタンを用意する方が、よほどわかりやすく、簡単に操作してもらえます。

質問者