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

Question

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

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

Answer 1

$("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");
});

Answer 2

试试这个：

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

Answer 3

尝试：

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

或 // 用于边框

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