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

text input change class on mouse click

本文关键字：输入 文本 鼠标 单击      更新时间：2023-09-26
<input type="text" onkeypress="return buyukHarf(event);" class="green" name="f1"/>

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

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

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

另外，尽量避免像在示例中那样使用内联JavaScript。

对焦/模糊示例：

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

试试这个：

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

尝试：

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

或//表示边框

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