jquery 鼠标移入和移出后，修改其值和恢复默认值

Posted 2023-05-05

$(this).find("input").val("购买");
修改的值是这样的，我想移开后忧愁原来的值怎么办？每个input的值都不同的，我用“$(this).find("input").val(this.defaultValue);”无效

参考技术A 参考以下代码，选中input标签时记录原值，输入字符或其它事件需要时返回原值。
var jiu="";//存储原值为以后改回原值用。
$(".cart-input-o").on(
focus: function ()
jiu=$(this).val();
//选中input标签原值赋值给变更jiu
,
keyup: function () $(this).val(jiu); //恢复原值,
mouseleave:function () $(this).val(jiu); //恢复原值
); 参考技术B var TmpVal;

移入时动作
TmpVal=$(this).find("input").val();
$(this).find("input").val("购买");

移出时动作
$(this).find("input").val(TmpVal);追问

全部代码为，按你的出错：
$(".ul_list1 li").hover(
var TmpVal=$(this).find("input").val();
function()
$(this).addClass("over");
$(this).find("input").addClass("buy_btn3");
$(this).find("input").val("购买");
,
function()
$(this).removeClass("over");
$(this).find("input").removeClass("buy_btn3");
$(this).find("input").val(TmpVal);


);

追答

var TmpVal要写在外面，不然，它只是针对那一个的。

var TmpVal;
$(".ul_list1 li").hover(function()
$(this).addClass("over");
$(this).find("input").addClass("buy_btn3");
TmpVal=$(this).find("input").val();
$(this).find("input").val("购买");
,function()
$(this).removeClass("over");
$(this).find("input").removeClass("buy_btn3");
$(this).find("input").val(TmpVal);

);

本回答被提问者采纳 参考技术C 最简单的方法，写个隐藏域,记录原来的值，
移开后再读取隐藏域的值就可以了

jq鼠标移入和移出事件

前几天帮朋友做了一个单页面，其中有个效果就是鼠标移动到头像上变换头像样式，当鼠标移出时恢复头像样式。当时没多想，脑子就蹦出了mouseover,mouseout两个方法。 但是在编写页面的过程中，无论我怎么调试只有mouseover方法可以，mouseout方法失效。 于是就google,百度寻找解决答案，可是找了好久都没找到合适的答案。只好问问同事了，同事看了我的代码后也觉得没有问题，但是怎么测都失效。 往往在一条路上遇到问题后，通过各种方式都解决不了时，我们就要调整思路转换道路。 同事跟我说了他之前写的一个类似的效果所用到的方法。于是试了试果然立马见效。看来还是自己对JQuery的一些方法还不了解。 $(obj).mouseenter(function(){ //鼠标移入 }).mouseleave(function(){ //鼠标移出 });