<img Tag: Add RightClick Event without using the default "contextmenu" - Please Advise

[andyhill]

I have the following script displaying many images (id=00 ... 20):-

<img id="00" width="'+IntToStr(w)+'" height="'+IntToStr(h)+'" oncontextmenu="return false" ...

Please advise how I can add individual RightClick Events to each <img tag - Thanks in advance.

[Sherzod]

2 hours ago, andyhill said:

<img id="00" width="'+IntToStr(w)+'" height="'+IntToStr(h)+'" oncontextmenu="return false" ...

Please advise how I can add individual RightClick Events to each <img tag

Hello,

Please explain in more detail. What do you want to achieve?

[andyhill]

I want to add RightClick Ajax Event to <img tag (not default browser contextmenu)

[Sherzod]

2 hours ago, andyhill said:

<img tag

Where do you draw <img>?

[andyhill]

25 to 50 <img tags inside a htmlframe, all need unique RightClick events

[Sherzod]

I will check. 

[Sherzod]

7 hours ago, andyhill said:

25 to 50 <img tags inside a htmlframe, all need unique RightClick events

1. 

  public
    { Public declarations }
    ImgID: string;
  end;

2. UniHTMLFrame -> HTML

<img id="Image1" src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" alt="google" width="100" height="100" oncontextmenu="return false">

3. UniHTMLFrame -> ClientEvents -> ExtEvents ->

function afterrender(sender, eOpts)
{
    sender.getEl().dom.addEventListener(
        'mousedown', 
        function(e) { 
            if (e.target.tagName == 'IMG' && e.button == 2) {
                ajaxRequest(sender, '_contextmenu', ['imgId='+e.target.id, 'x=' + e.offsetX, 'y=' + e.offsetY])
            }
        }
    )
}

4. UniHTMLFrame -> OnAjaxEvent ->

procedure TMainForm.HTMLFrameAjaxEvent(Sender: TComponent; EventName: string; Params: TUniStrings);
begin
  if EventName = '_contextmenu' then
  begin
    ImgID := Params.Values['imgId'];
    UniPopupMenu1.Popup(Params.Values['x'].ToInteger(), Params.Values['y'].ToInteger());
  end;

end;

...

[andyhill]

Thank you Sherzod, I now have separate LeftClick and RightClick events without the Browser's contextmenu event  

will test ...