0

私はimgタグを持っています(もちろん正確な構文ではありません)

<img src="http://localhost/img/img_1.png" id=1 onclick="say_hi(id)" href="/img_page_1/" alt="Aim Pic" width="230" height= "164" />

ここで必要なのは、ユーザーが img を左クリックしたとき、onClick をトリガーする必要があり、ユーザーが右クリックしたときに、一般的な href 表示オプション (「新しいウィンドウで開く」など) のように動作する必要があることです。

必要な理由は、ページの残りの部分をぼかして、ホームページに画像に関連するページプレビューを表示したい (ここでは ajax を使用して、say_hi 関数で画像ページのプレビューをロードします)、ユーザーがそれを右クリックしたときです。プレビューではなく別のタブでページを直接開くことができるように、通常の href のように感じます。

編集:簡単に言えば、右クリックすると通常はリンクとして機能する画像へのリンクを記述/書き込み/付与したい(リンクのすべてのオプションを含むコンテキストメニューを表示する)が、onClickイベントをトリガーする必要があります(または左クリックすると、javascript で関数を実行します)。

ありがとうございました。

4

2 に答える 2

1

You need to differentiate between mouse buttons through the button member of the event object:

var left, right;
left = mie ? 1 : 0;
right = 2;

var clickHandler = function (e){
    if(e.button === left){
       // do onClick stuff and return
    }
    else if(e.button === right){
       // show your context menu
    }
}, false);

But this does look like you could simply have your link as <a href="" onClick="clickHandler">description</a> if I'm not misunderstanding what you want to do.

于 2013-06-17T21:55:21.950 に答える