- ベストアンサー
JavaScriptを実行するリンクで、「対象をファイルに保存」を実行した時のエラーを回避する方法
お世話になります。 <a href="javascript:alert('Hello!!')">Click Me</a> とすると、リンクを右クリックで「対象をファイルに保存」が選択できてしまいます。選択すると「・・・ダウンロードできません」などのエラーメッセージが表示されてしまいます。ユーザーが不具合と判断する恐れがあるため、このエラーメッセージが表示されないする方法を考えています。 外観を変えずに、この問題を回避する方法はないでしょうか。 ボタンやラベルに変更すれば、回避できることは承知しています。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (5)
javascript:のリンクの処理はブラウザによって異なります。 リンク先を保存するメニューが出ないものもあれば、 javascriptのURLというものが保存できないものだと警告するものも。 これは利用者の環境に依存する問題だし、もしWebサイトのユーザーが保存を試みるのを警戒するのであれば、 どこかに注意書きでもかいておいたほうがいいのではないでしょうか。
お礼
> javascript:のリンクの処理はブラウザによって異なります。 それはわかっています。FireFox(私は愛用しています)では、JavaScripを実行するリンクの場合右クリックしても「名前を付けてリンク先を保存」が表示されないようになっています。IEもこうなってほしいものです。今回のシステムはIE限定となっています。 > どこかに注意書きでもかいておいたほうがいいのではないでしょうか。 私もそう思います。それが簡単だし、無難かもしれませんね。 邪道ですが、次のようにすると、理想に近くなります。 <a href="mailto:xyz@xxx.yyy.zzz" onclick="alert('hello!!');return false;">Click Me</a> 右クリックしても、「対象をファイルに保存」選択できません。 個人のページならこのようにしてもいいと思いますが、大規模な基幹業務のシステムですので、このやり方を提案することはできないと考えています。
結局、このリンク部分を「対象をファイルに保存」で保存しようとしたときに どんなファイルが保存されればいいのでしょうか？ といっても、「保存する」という操作をしているのに何も保存できなければ、それこそ不具合だと思います。 「対象をファイルに保存」を選択したときだけ実行されるスクリプトが出来ればいいのですが、それはブラウザの仕様上できませんしね。 > 右クリックできないようにすると、「ほかの部分に支障が出る」などの話になる可能性がありますので 右クリックの処理をしているなら、 その関数内で<a>がクリックされたかどうかを調べて、コンテクストメニューを出さないようにすればよいと思いますが、 それではダメでしょうか？ もしくは、 <a href="#" onclick="alert('hello!!');return false;" oncontextmenu="alert('not allowed');return false;">Click Me</a> document内のほかの部分は右クリック可能で、該当の<a>のみ右クリック不可にするだけで良いなら簡単にできます。 （ブラウザの設定に依存しますが、IE5.5以上限定に出来るならこれで大丈夫でしょう）
お礼
> 何も保存できなければ、それこそ不具合だと思います。 私もそう思います。 特に右クリックで特別なことをしているわけではないので、回答者様やNo1.の回答で特に問題ないと思いますが、問題ないことを実証しなければならないのです。 今回はボタンなどにすることが妥当と考えています。 ありがとうございました。
>色など、外観がやや違ってきますね。 それはNo2の方がcolor:red;を適用しているためで、いくらでも変更可能です >マウスポインターや CSS2にはcursorというプロパティが存在しますのでこれを使うことでマウスポインタの形状は自由に指定できます #実装されているかの保証しない
お礼
> それはNo2の方がcolor:red;を適用しているためで、いくらでも変更可能です それは解っていますが、リンクと全く同じにすることはできないですよね。履歴があるかどうかなど。 > CSS2にはcursorというプロパティが存在しますのでこれを使うことでマウスポインタの形状は自由に指定できます 少し、話が大きくなるため、今回は非現実的です。 わがまま言ってすみません。 ありがとうございました。
- yambejp
- ベストアンサー率51% (3827/7415)
トリガーにアンカー(a)をつかう限り、完璧な 解決策はありません。昔からよくこんな風に 対処をされてきました <a href="#" onclick="alert('Hello!!')">Click Me</a> とりあえず、見た目さえあってればいいならspanで 代用してもいいでしょう。 <span style="color:red;text-decoration: underline" onclick="alert('Hello!!')">Click Me</span>
お礼
> <a href="#" onclick="alert('Hello!!')">Click Me</a> 現在のhtmlがダウンロードされるわけですね。 <span style="color:red;text-decoration: underline" onclick="alert('Hello!!')">Click Me</span> マウスポインターや色など、外観がやや違ってきますね。 > 完璧な解決策はありません。 どこかで妥協するしかないようですね。 ありがとうございました。
- X-trail_00
- ベストアンサー率30% (438/1430)
aタグの中に oncontextmenu='return false;' と記入すると右クリックしてもメニューが表示されません
お礼
確認しました。確かに、右クリックしてもメニューが表示されません。 ありがとうございます。 右クリックできないようにすると、「ほかの部分に支障が出る」などの話になる可能性がありますので、ほかに回避策はないでしょうか。
お礼
> そもそも「リンク」として閲覧者に表現しているのだから・・・。 > 動作のトリガーをリンクとして表現（外観）している事が不適切で、そこを変更するのが容易な対処法と想います。 もっともだと思いますし、私の同様の考えを持っていました。ただ、私が決めた仕様ではないし、開発元が仕様変更なるなどといって、簡単には概観を変えられないのです。しかし、今回はあきらめて、ボタンかspanにする方向で考えるしかないと思っています。