单击鼠标时输入文本输入更改类

时间:2012-06-07 02:52:16

标签: javascript jquery html css

<input type="text" onkeypress="return buyukHarf(event);" class="green" name="f1"/>

是否可以在单击该区域时将类green更改为其他内容?或者点击时更改边框颜色的任何其他方法? 提前谢谢......

3 个答案:

答案 0 :(得分:6)

$("input").click(function(){
    $(this).removeClass("green").addClass("yellow");    
});

对于表单元素,我会在focus()处理程序上使用blur()click()

另外,请尝试避免使用内联javascript,就像在示例中所做的那样。

焦点/模糊示例:

$("input").focus(function(){
    $(this).removeClass("green").addClass("yellow");
}).blur(function(){
    $(this).removeClass("yellow").addClass("green");
});

答案 1 :(得分:2)

试试这个:

$( "input" ).click( function() {
    $( this ).attr( { 'class' : 'anotherClass' } );
} );

答案 2 :(得分:1)

尝试:

$("input[name='f1']").click(function(){
    $(this).removeClass("green").addClass("red");    
});

或//为边框

$("input[name='f1']").click(function(){
    $(this).removeClass("green").css("border", "1px solid red");    
});