0
163
VistasAgregue dinámicamente DOM donde se hizo clic con el mouse
Tengo una página en la que quiero agregar dinámicamente un pin/marcador donde sea que haga clic.
He intentado
$("body").click(function(e) { console.log("%c ______________________________", "background: linear-gradient(45deg, red, yellow, blue, green, purple)"); console.log("e.pageX", e.pageX); console.log("e.pageY", e.pageY); // var pin = .css("position", "absolute").css("top", e.pageY).css("left", e.pageX); $("body").append('<i class="fa fa-location"></i>'); }); html,body{ height:100%; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>No pude hacerlo funcionar.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Cree el elemento, aplique los estilos y luego agregue.
Además, asegúrese de que el elemento tenga un z-index más alto:
$("body").click(function(e) { const pin = $('<i class="fa fa-location"></i>').css("position", "absolute").css("top", e.pageY).css("left", e.pageX) $("body").append(pin) }); html, body { height: 100%; } i{ z-index:10000; } <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" /><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta