How to take the users keyboard input and display it on the screen where they type
I want to have it so the user can click on an image, and where he clicked, type something, and that text will stay there. I currently have it where I can display an black box, but I need it so the user can type info next to the box.
I want to make an interactive map for my dad where he can click and display where he caught a certain type of fish.
$(document).ready(function() {
$(document).click(function(ev) {
$("body").append(
$('').css({
position: 'absolute',
top: ev.pageY + 'px',
left: ev.pageX + 'px',
width: '10px',
height: '10px',
background: '#000000'
})
);
});
});