안녕하세요, 입력필드 마우스 클릭하면 커서가 기본값 뒤로 가는데, 맨앞으로 가는 방법이 없을까요?
우와.. 감사합니다
텍스트 필드 클릭 시 커서가 맨 뒤로 가는 건
필드 내용보다 오른쪽을 클릭했기 때문입니다.
텍스트 필드 클릭 시 커서가 맨 앞으로 가게 하고 싶으신 건지요?
클릭 시 무조건 맨 앞으로 가게 한다면 오타가 발생했을 때 수정에 어려움이 있을 수 있습니다.
기본값이 gsm이라면 필드의 값이 gsm일 때만
필드 클릭 시 커서가 맨 앞에 위치하게 해야할 듯합니다.
아래 코드를 활용해보시겠어요?
add_action('wp_head', 'wp_head_20200921');
function wp_head_20200921(){
if(kboard_mod() == 'editor' && get_the_ID() == '1'){ // 실제 페이지 id로 적용해주세요.
?>
<script>
jQuery(document).ready(function(){
var field_value = jQuery('input[name="kboard_option_메타키"]').val();
jQuery('input[name="kboard_option_메타키"]').click(function(e){
if(field_value == jQuery(this).val()){
jQuery(this)[0].setSelectionRange(0, 0);
}
});
});
</script>
<?php
}
}
위의 코드에서 get_the_ID() == '1' 부분은 실제 페이지 id로 적용해주세요.
메타키 부분은 실제 필드의 메타키로 적용해보세요.
테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.
워드프레스 사이트에서 페이지 ID를 확인하는 방법은
아래의 링크를 참고해보세요.
고맙습니다.
이미지 보시면 텍스트 입력필드 추가 후, 기본값에 gsm 이라는 값을 넣어놨습니다.
해당 필드에서 입력할때 마우스커서를 맨앞에 표시 하고 싶습니다.
https://imgur.com/fLogEea
안녕하세요~^^
말씀하신 입력 필드는 어떤 입력 필드인지요?
혹시, 텍스트 필드라면 공백은 없는지요?
올려주신 내용만으로는 원인을 파악하기 어렵습니다.
워드프레스에서 에러 혹은 알 수 없는 문제가 있을 때 대응 방법을 참고하셔서
에러 메시지나 충돌이 있는지 점검해보셔야 할 듯합니다.
특정 브라우저에서 문제가 되는지 확인해보셔야 할 듯합니다.
다른 브라우저에서는 어떻게 적용되는지도 확인해보시겠어요?
비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.
고맙습니다.