mouse ile tıkladığım yerde div açma

damnman 957 gün önce

556 defa görüntülendi

Mouse ile tıkladığım yerde cursorun sağ altına doğru bir div açılmasını istiyorum nasıl yapabilirim?

örnek (kırmızı yuvarlak tıkladığım yer)
bu örnekte sol alta doğru açılmış ben sağ alta doğru istiyorum

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (5)

abdullahx

957 gün önce

https://codepen.io/Elessar61/full/NWgwRqL

#007364

abdullahx

953 gün önce

function isElement(element) {
  return element instanceof Element || element instanceof HTMLDocument;
}
window.oncontextmenu = (e) => { // Değiştirilen kod  onclick değil de oncontextmenu
  let id = "myid",
    elemWidth = 250,
    elemHeight = 250,
    borderThickness = 2;

  if (isElement(document.getElementById(id)))
    document.getElementById(id).remove();

  let div = document.createElement("div");
  div.id = id;
  div.style.position = "absolute";
  div.style.border = `${borderThickness}px solid #ddd`;
  div.style.height = `${elemHeight}px`;
  div.style.width = `${elemWidth}px`;
  div.style.display = "none";

  e.clientX + elemWidth + borderThickness * 2 > window.innerWidth
    ? (div.style.right = `${window.innerWidth - e.clientX}px`)
    : (div.style.left = `${e.clientX}px`);
  e.clientY + elemHeight + borderThickness * 2 > window.innerHeight
    ? (div.style.bottom = `${window.innerHeight - e.clientY}px`)
    : (div.style.top = `${e.clientY}px`);

  document.body.appendChild(div);

  $(`#${id}`).show({
    effect: "fold",
    horizFirst: true,
    duration: 400
  });
  return false; // Eklenen kod
};

#007395

damnman

953 gün önce

@abdullahx sadece sağ mouse tuşu ile nasıl yapılır hocam.

#007393