- ベストアンサー
HP 「シフトキー＋クリック」で別の動作がしたい
ホームページ作成で小さな画像を配置し、この画像をクリックすれば元の大きい静止画を表示し、シフトキーを押しながらクリックしたら動画を表示させたいのですがこんなことはできるでしょうか。 現在は下記の通り静止画のみ表示しています。 <a href="静止画.html"><img src=静止画.jpg width="60" height="45"> ご教授方よろしくお願い致します。
- nzmsys
- お礼率85% (49/57)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
以下のような感じのスクリプトで、<form>～</form>内にイメージボタンとして書いてやれば、実現できそうです。 ・クリック時にシフトキー押下を 'yes' または 'no' で表示するスクリプト <input type="button" value="Test" onclick="event.shiftKey ? alert('yes'): alert('no')"> →それぞれのalert() 関数の代わりに、<head>内に書いた画像表示/動画再生をするスクリプトを呼び出すように変更。 ---- しかし、そのようなことはやらない方が良いと思います。 マウスでWebブラウジングしていて、わざわざもう片方の手をキーボードに伸ばさなければならない、 あるいはそもそもShiftキーが無い環境(タブレット・スマホ等)などを考えると、非常にユーザビリティを落とす操作方法であるように思うからです。 労が多い割に、見落とされやすくなるなど、メリットはあまり無いでしょう。 単純に2つボタンを用意する方が、よほどわかりやすく、簡単に操作してもらえます。
お礼
早速のご回答ありがとうございました。 ご提案の通り「単純に2つボタンを用意する」方法を選択したいと思います。 お忙しいところ適切なるご回答を頂きましてありがとうございました。 これに懲りず今後ともご指導の程よろしくお願い致します。