안녕하세요, 입력필드 마우스 클릭하면 커서가 기본값 뒤로 가는데, 맨앞으로 가는 방법이 없을까요?
안녕하세요~^^
말씀하신 입력 필드는 어떤 입력 필드인지요?
혹시, 텍스트 필드라면 공백은 없는지요?
올려주신 내용만으로는 원인을 파악하기 어렵습니다.
워드프레스에서 에러 혹은 알 수 없는 문제가 있을 때 대응 방법을 참고하셔서
에러 메시지나 충돌이 있는지 점검해보셔야 할 듯합니다.
특정 브라우저에서 문제가 되는지 확인해보셔야 할 듯합니다.
다른 브라우저에서는 어떻게 적용되는지도 확인해보시겠어요?
비회원으로도 확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.
고맙습니다.
이미지 보시면 텍스트 입력필드 추가 후, 기본값에 gsm 이라는 값을 넣어놨습니다.
해당 필드에서 입력할때 마우스커서를 맨앞에 표시 하고 싶습니다.
https://imgur.com/fLogEea
텍스트 필드 클릭 시 커서가 맨 뒤로 가는 건
필드 내용보다 오른쪽을 클릭했기 때문입니다.
텍스트 필드 클릭 시 커서가 맨 앞으로 가게 하고 싶으신 건지요?
클릭 시 무조건 맨 앞으로 가게 한다면 오타가 발생했을 때 수정에 어려움이 있을 수 있습니다.
기본값이 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를 확인하는 방법은
아래의 링크를 참고해보세요.
고맙습니다.
우와.. 감사합니다