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();사용을 자제하라고 하던데,
꼭 필요할때 유용하겠네요..
꼭 필요할때 유용하겠네요..
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2930 |
마케팅메지션
|
15년 전 | 965 | |
| 2929 |
마케팅메지션
|
15년 전 | 925 | |
| 2928 | 15년 전 | 1059 | ||
| 2927 | 15년 전 | 852 | ||
| 2926 | 15년 전 | 856 | ||
| 2925 | 15년 전 | 749 | ||
| 2924 | 15년 전 | 4491 | ||
| 2923 |
VBASP
|
15년 전 | 954 | |
| 2922 |
프리랜서개발자
|
15년 전 | 663 | |
| 2921 | 15년 전 | 1077 | ||
| 2920 | 15년 전 | 1044 | ||
| 2919 | 15년 전 | 1175 | ||
| 2918 | 15년 전 | 852 | ||
| 2917 | 15년 전 | 983 | ||
| 2916 |
마케팅메지션
|
15년 전 | 968 | |
| 2915 | 15년 전 | 924 | ||
| 2914 |
 Kiiru |
15년 전 | 805 | |
| 2913 | 15년 전 | 869 | ||
| 2912 | 15년 전 | 989 | ||
| 2911 |
Kiiru |
15년 전 | 802 | |
| 2910 |
Kiiru |
15년 전 | 801 | |
| 2909 |
 신현종실장 |
15년 전 | 888 | |
| 2908 | 15년 전 | 811 | ||
| 2907 | 15년 전 | 788 | ||
| 2906 | 15년 전 | 803 | ||
| 2905 | 15년 전 | 796 | ||
| 2904 | 15년 전 | 814 | ||
| 2903 | 15년 전 | 753 | ||
| 2902 | 15년 전 | 766 | ||
| 2901 | 15년 전 | 741 | ||
| 2900 | 15년 전 | 969 | ||
| 2899 | 15년 전 | 903 | ||
| 2898 | 15년 전 | 761 | ||
| 2897 |
Kiiru |
15년 전 | 783 | |
| 2896 | 15년 전 | 708 | ||
| 2895 |
 Terrorboys |
15년 전 | 1879 | |
| 2894 | 15년 전 | 925 | ||
| 2893 | 15년 전 | 721 | ||
| 2892 | 15년 전 | 866 | ||
| 2891 | 15년 전 | 766 | ||
| 2890 |
 iwebstory |
15년 전 | 898 | |
| 2889 | 15년 전 | 768 | ||
| 2888 |
iwebstory |
15년 전 | 867 | |
| 2887 | 15년 전 | 823 | ||
| 2886 | 15년 전 | 746 | ||
| 2885 | 15년 전 | 906 | ||
| 2884 | 15년 전 | 703 | ||
| 2883 |
마케팅메지션
|
15년 전 | 850 | |
| 2882 |
마케팅메지션
|
15년 전 | 902 | |
| 2881 | 15년 전 | 1193 | ||
| 2880 |
마케팅메지션
|
15년 전 | 783 | |
| 2879 | 15년 전 | 833 | ||
| 2878 | 15년 전 | 865 | ||
| 2877 |
라디오켓츠
|
15년 전 | 1443 | |
| 2876 |
Kiiru |
15년 전 | 806 | |
| 2875 | 15년 전 | 959 | ||
| 2874 | 15년 전 | 1362 | ||
| 2873 | 15년 전 | 825 | ||
| 2872 |
Kiiru |
15년 전 | 836 | |
| 2871 |
Kiiru |
15년 전 | 729 | |
| 2870 | 15년 전 | 776 | ||
| 2869 |
마케팅메지션
|
15년 전 | 759 | |
| 2868 | 15년 전 | 1937 | ||
| 2867 |
Terrorboys |
15년 전 | 862 | |
| 2866 | 15년 전 | 901 | ||
| 2865 | 15년 전 | 821 | ||
| 2864 | 15년 전 | 1296 | ||
| 2863 | 15년 전 | 1208 | ||
| 2862 |
Kiiru |
15년 전 | 845 | |
| 2861 | 15년 전 | 784 | ||
| 2860 | 15년 전 | 1080 | ||
| 2859 |
Kiiru |
15년 전 | 649 | |
| 2858 |
Kiiru |
15년 전 | 736 | |
| 2857 |
Kiiru |
15년 전 | 794 | |
| 2856 |
마케팅메지션
|
15년 전 | 759 | |
| 2855 |
마케팅메지션
|
15년 전 | 714 | |
| 2854 | 15년 전 | 970 | ||
| 2853 | 15년 전 | 802 | ||
| 2852 |
신현종실장 |
15년 전 | 768 | |
| 2851 | 15년 전 | 714 | ||
| 2850 | 15년 전 | 809 | ||
| 2849 | 15년 전 | 2444 | ||
| 2848 |
Mentor
|
15년 전 | 799 | |
| 2847 |
마케팅메지션
|
15년 전 | 774 | |
| 2846 | 15년 전 | 781 | ||
| 2845 | 15년 전 | 755 | ||
| 2844 | 15년 전 | 973 | ||
| 2843 |
마케팅메지션
|
15년 전 | 704 | |
| 2842 | 15년 전 | 1043 | ||
| 2841 | 15년 전 | 825 | ||
| 2840 | 15년 전 | 839 | ||
| 2839 | 15년 전 | 1141 | ||
| 2838 | 15년 전 | 732 | ||
| 2837 | 15년 전 | 771 | ||
| 2836 | 15년 전 | 666 | ||
| 2835 |
마케팅메지션
|
15년 전 | 842 | |
| 2834 |
마케팅메지션
|
15년 전 | 670 | |
| 2833 |
신현종실장 |
15년 전 | 1122 | |
| 2832 |
신현종실장 |
15년 전 | 794 | |
| 2831 |
Mentor
|
15년 전 | 767 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기