onclick 시에 css 가능한가요??
본문
안녕하세요.
onclick시 -webkit-tap-highlight-color 적용과 같은 효과를 낼수 있는지 문의 드립니다..ㅠ
[질문드립니다..]
모바일(앱)에서
<a>클릭시 css 를 -webkit-tap-highlight-color: rgba(0,0,0,.1); 이렇게 줘서,
클릭시 깜빡거리게 하였습니다.
근데 <a href=""> 이경우에는 잘 적용되는데, <a onclick="">시에는 적용이 안됩니다..ㅠ
이처럼 <a>뿐만 아니라, <div>나 <span> 등등에 onclick=""를 많이 사용한거 같은데,
onclick 시에 클릭이 된것을 알수 있게 깜빡임이나, 배경색을 변경할수 있는 방법이 있을까요??
조언 부탁드립니다..감사합니다.
답변 3
onclick 은 주로 script 함수를 호출하기 위해서 쓰이는 방법이기 떄문에
꼭 필요하시다면 script에 넣으셔야 합니다.
<script>
function aClick(){
aa = $("#aClick");
aa.css({"color":"#f00"})
}
</script>
<a href="#none" id="aClick" onclick="aClick();">text</a>
onclick시 스크립트 함수를 사용하여 사용할 수 있습니다.
<a href="#" id="text"onclick="doClick()">hello world</a>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
function doClick(){
$('#text').css('-webkit-tap-highlight-color','rgba(0,0,0,.1)');
//또는
$('#text').css('background-color','red');// 배경색을 빨간색으로 변경
}
</script>
답변을 작성하시기 전에 로그인 해주세요.
