2016-03-23 8 views
1

私はいくつかのpdfオブジェクトをレンダリングするWebアプリケーションを作成しようとしています。私はPDFのコンテナ内のクリックの位置を検出したい。 OnClickイベントが機能していません。どうやって進める?HTMLでPDFオブジェクトのクリックイベントを検出する方法

+0

pdfをどのようにレンダリングするのですか?任意のプラグイン/ライブラリを使用していますか? –

答えて

0

私はjqueryを使用しない例があります。

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<div onmousedown="action()"> 
<object data="http://www.polyu.edu.hk/iaee/files/pdf-sample.pdf" type="application/pdf" style="width: 500px; height: 500px;"></object> 
</div> 

<p>click around the top and the bottom of the pdf for some text to display and change below this.</p> 

<p id="texttyy"></p> 
<p id="posy"></p> 

<script> 
function action() { 
    var x = event.clientX; 
    var y = event.clientY; 
    var cood = "(" + x + ", " + y + ")" 
    if (y < 250) { 
    document.getElementById("texttyy").innerHTML = "yes"; 
    } else { 
    document.getElementById("texttyy").innerHTML = "no"; 
    } 
    document.getElementById("posy").innerHTML = cood; 
} 
</script> 

</body> 
</html> 

これは、お好みのものと似ていますか?どのようにしてpdfファイルを表示したいのか分かりません。 (if文を修正するはずですが、これは単なる例です)

+0

ありがとう、これは魅力のように動作します。私は最後の1時間からやっていた間違いを見つけました。 :) – hellboy

+0

こんにちは、この回答があなたの質問を解決した場合には、チェックマークをクリックして[受け入れ](http://meta.stackexchange.com/q/5234/179419)を検討してください。これは、あなたが解決策を見つけ出し、回答者とあなた自身の両方に評判を与えていることを広範なコミュニティに示します。これを行う義務はありません。 – Bradman175

+0

ありがとう@ Bradman175。不便を招いて申し訳ありませんが、私はstackoverflowに新しいです。 :) – hellboy

関連する問題