Rumah > hujung hadapan web > tutorial js > Jquery焦点与失去焦点示例应用_jquery

Jquery焦点与失去焦点示例应用_jquery

WBOY
Lepaskan: 2016-05-16 16:45:14
asal
980 orang telah melayarinya
复制代码 代码如下:

$(function(){
$("#input").focus(function(){//#input换成你的input的ID
//这里写获得焦点之后运行的代码。
}).blur(function(){
//$(".scroll-question").css("display","none");
});
})

})

live要1.4才支持,以下ie,firefox都没问题
复制代码 代码如下:





无标题文档

<script> <BR>$(document).ready(function() <BR>{ <BR>$("#nameBefore").dblclick(function() <BR>{ <BR>$("#nameBefore").replaceWith("<div id='nameIn'><input type='text' name='nameInVal' id='nameInVal' value='In' /></script>
");
}
);
//失去焦点以后
$("#nameInVal").live("blur",function()
{
alert('nameInVal已失去焦点');
}
);
}
);






1
Before




Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan