onclick 시에 css 가능한가요??
좋았어
8년 전
조회 8,651
안녕하세요.
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개
8년 전
onclick시 스크립트 함수를 사용하여 사용할 수 있습니다.
</p><p><a href="#" id="text"onclick="doClick()">hello world</a></p><p> </p><p><script type="text/javascript" src="<a href="<a href="http://code.jquery.com/jquery-2.1.0.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-2.1.0.min.js</a>"><a href="http://code.jquery.com/jquery-2.1.0.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-2.1.0.min.js</a></a>"></script></p><p> </p><p><script type="text/javascript"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function doClick(){</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('#text').css('-webkit-tap-highlight-color','<span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">rgba(0,0,0,.1)</span>');</p><p><span style="font-size: 11pt;"> //또는</span></p><p><span style="font-size: 11pt;"> $('#text').css('background-color','red');// 배경색을 빨간색으로 변경</span></p><p>}</p><p></script></p><p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
8년 전
</p><p style="margin-left: 80px;"><script></p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre"> </span>function aClick(){</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre"> </span>aa = $("#aClick");</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre"> </span>aa.css({"color":"#f00"})</p><p style="margin-left: 40px;"><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p style="margin-left: 80px;"><span style="font-size: 14.6667px;"></script></span> </p><p style="margin-left: 40px;"><a href="#none" id="aClick" onclick="aClick();">text</a> </p><p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인