v2.5.2
Giriş yap

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

damnman
709 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

Cevap yaz
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Cevaplar (5)
abdullahx
1295 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
};
JavaScript
damnman
1295 gün önce

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

mustafasever
1298 gün önce
frexx
1299 gün önce

Bunun için css focus yapısını araştırabilirsin.