0
여기 내 코드가 있는데 ev.pageX 이벤트가 작동하지 않습니다. 왜 그런지 이해하지 못합니다. 그러나 click 이벤트에 대한 작업. 여기에 사용 된 이벤트는 keypress 이벤트입니다. ev.pageX의 값을 찾고 있으므로 텍스트 상자 안의 CSS 절대 매개 변수를 포맷 할 수 있습니다.pageX 및 pageY with jQuery Keypress 이벤트가 작동하지 않습니다.
도움이 필요합니다!
<head>
<style>
textarea{
width:300px;
height:300px;
}
.popup{
position:absolute;
border:1px solid gray;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<textarea></textarea>
<script>
$(function() {
var $popup = $('<select/>', {
'html': 'popup'
})
.addClass('popup')
.appendTo('body')
.append($('<option/>').html('lala'),
$('<option/>').html('blabla'))
.change(function() {
$(this).fadeOut();
})
.hide();
$('textarea').keypress(function(ev) {
if ($popup.is(':visible')) {
$popup.fadeOut();
} else {
if (ev.keyCode === 32) {
console.log('pressed');
ev.preventDefault()
var pagex = ev.pageX;
console.log(pagex);
$popup.css({
'left': ev.pageX + 10,
'top': ev.pageY - 10
});
$popup.fadeIn();
console.log('working');
}
}
});
});
</script>
</body>
'pageX'와'pageY'는 마우스 이벤트를위한 것이지 키보드 이벤트는 아닙니다. – gcampbell