a 링크 점선 없애기, input+label 묶기
<a href="#none">링크</a>
<br />
<input type="checkbox" value="체크1" id="chk1" />
<label>체크박스</label>
<br />
<input type="radio" value="라디오1" name="radio" id="radio1" />
<label>라디오박스1</label>
<input type="radio" value="라디오2" name="radio" id="radio2" />
<label>라디오박스2</label>
<script type="text/javascript">
$(function() {
$('a, input').click(function() {$(this).blur();});
$('input:checkbox, input:radio').next('label[for=]').attr('for',function() {
return $(this).prev().attr('id');
}).css('cursor', 'pointer');
});
</script>
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
댓글 3개
16년 전
이렇게 하면 a href에 blur를 넣을 필요도 없구 css에 그런거 정의 안해도 되니 간단해지네요.
태양의서쪽
16년 전
css의 expression를 썼었는데 CPU가 안 좋아하드라구요..
위 소스중 $('a, input').click(function() {$(this).blur();}); 에서
click대신 focus를 써도 됩니다.
$('a, input').focus(function() {$(this).blur();});
위 소스중 $('a, input').click(function() {$(this).blur();}); 에서
click대신 focus를 써도 됩니다.
$('a, input').focus(function() {$(this).blur();});
16년 전
접근성 때문에 blur();사용을 자제하라고 하던데,
꼭 필요할때 유용하겠네요..
꼭 필요할때 유용하겠네요..
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2830 | 15년 전 | 982 | ||
| 2829 | 15년 전 | 686 | ||
| 2828 | 15년 전 | 722 | ||
| 2827 | 15년 전 | 653 | ||
| 2826 | 15년 전 | 850 | ||
| 2825 |
|
15년 전 | 669 | |
| 2824 | 15년 전 | 799 | ||
| 2823 | 15년 전 | 738 | ||
| 2822 | 15년 전 | 1015 | ||
| 2821 | 15년 전 | 647 | ||
| 2820 | 15년 전 | 839 | ||
| 2819 | 15년 전 | 768 | ||
| 2818 | 15년 전 | 1096 | ||
| 2817 |
Lemios
|
15년 전 | 1320 | |
| 2816 | 15년 전 | 749 | ||
| 2815 | 15년 전 | 869 | ||
| 2814 | 15년 전 | 759 | ||
| 2813 |
|
15년 전 | 906 | |
| 2812 | 15년 전 | 762 | ||
| 2811 |
|
15년 전 | 933 | |
| 2810 | 15년 전 | 823 | ||
| 2809 | 15년 전 | 836 | ||
| 2808 |
|
15년 전 | 758 | |
| 2807 | 15년 전 | 3716 | ||
| 2806 | 15년 전 | 6806 | ||
| 2805 | 15년 전 | 940 | ||
| 2804 |
MKCstrong
|
15년 전 | 728 | |
| 2803 | 15년 전 | 1086 | ||
| 2802 | 15년 전 | 890 | ||
| 2801 | 15년 전 | 929 | ||
| 2800 | 15년 전 | 792 | ||
| 2799 | 15년 전 | 682 | ||
| 2798 | 15년 전 | 1116 | ||
| 2797 |
|
15년 전 | 759 | |
| 2796 | 15년 전 | 1317 | ||
| 2795 |
|
15년 전 | 1095 | |
| 2794 | 15년 전 | 914 | ||
| 2793 | 15년 전 | 869 | ||
| 2792 |
|
15년 전 | 735 | |
| 2791 | 15년 전 | 1060 | ||
| 2790 | 15년 전 | 762 | ||
| 2789 |
진정한승리
|
15년 전 | 2858 | |
| 2788 | 15년 전 | 1069 | ||
| 2787 | 15년 전 | 996 | ||
| 2786 | 15년 전 | 1135 | ||
| 2785 | 15년 전 | 736 | ||
| 2784 | 15년 전 | 1008 | ||
| 2783 | 15년 전 | 1203 | ||
| 2782 | 15년 전 | 879 | ||
| 2781 | 15년 전 | 1646 | ||
| 2780 | 15년 전 | 679 | ||
| 2779 |
|
15년 전 | 855 | |
| 2778 | 15년 전 | 1165 | ||
| 2777 |
|
15년 전 | 926 | |
| 2776 | 15년 전 | 662 | ||
| 2775 |
|
15년 전 | 2901 | |
| 2774 |
|
15년 전 | 1071 | |
| 2773 |
|
15년 전 | 2063 | |
| 2772 | 15년 전 | 1950 | ||
| 2771 | 15년 전 | 1009 | ||
| 2770 |
RedRiverFisher
|
15년 전 | 2249 | |
| 2769 | 15년 전 | 811 | ||
| 2768 | 15년 전 | 1340 | ||
| 2767 | 15년 전 | 2531 | ||
| 2766 |
용다섯마리
|
15년 전 | 796 | |
| 2765 | 15년 전 | 1325 | ||
| 2764 | 15년 전 | 1539 | ||
| 2763 | 15년 전 | 910 | ||
| 2762 | 15년 전 | 1223 | ||
| 2761 | 15년 전 | 765 | ||
| 2760 |
|
15년 전 | 1999 | |
| 2759 | 15년 전 | 1393 | ||
| 2758 | 15년 전 | 878 | ||
| 2757 | 15년 전 | 559 | ||
| 2756 | 15년 전 | 667 | ||
| 2755 |
|
15년 전 | 1105 | |
| 2754 | 15년 전 | 1178 | ||
| 2753 | 15년 전 | 598 | ||
| 2752 | 15년 전 | 491 | ||
| 2751 | 15년 전 | 746 | ||
| 2750 | 15년 전 | 695 | ||
| 2749 |
원시인교주
|
15년 전 | 1717 | |
| 2748 | 15년 전 | 567 | ||
| 2747 | 15년 전 | 635 | ||
| 2746 | 15년 전 | 604 | ||
| 2745 | 15년 전 | 864 | ||
| 2744 |
원시인교주
|
15년 전 | 1700 | |
| 2743 | 15년 전 | 1641 | ||
| 2742 |
원시인교주
|
15년 전 | 14073 | |
| 2741 |
원시인교주
|
15년 전 | 3174 | |
| 2740 |
|
15년 전 | 741 | |
| 2739 | 15년 전 | 662 | ||
| 2738 | 15년 전 | 793 | ||
| 2737 | 15년 전 | 687 | ||
| 2736 | 15년 전 | 698 | ||
| 2735 | 15년 전 | 11334 | ||
| 2734 | 15년 전 | 1187 | ||
| 2733 | 15년 전 | 1042 | ||
| 2732 | 15년 전 | 1383 | ||
| 2731 | 15년 전 | 1324 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기