Rumah > hujung hadapan web > tutorial js > jquery如何判断对象是否获得焦点

jquery如何判断对象是否获得焦点

青灯夜游
Lepaskan: 2023-01-04 09:37:50
asal
3869 orang telah melayarinya

在jquery中可以通过判断“$(指定对象).is(":focus")”是否等于true,进而判断该指定对象是否获得焦点;具体语法格式“if($("selector").is(":focus")==true){//获得焦点}”。

jquery如何判断对象是否获得焦点

本教程操作环境:windows7系统、jquery3.3.1版本,Dell G3电脑。

推荐教程:jquery视频教程

jquery判断对象是否获得焦点的实例

<input type="text" id="input">

<script>
   // 延迟2s判断输入框是否具有焦点
   setTimeout(()=>{
       if($("#input").is(":focus")==true){  
           console.log(&#39;focus&#39;)
       }else{  
           console.log(&#39;blur&#39;)
       }
   }, 2000)
</script>
Salin selepas log masuk

说明:

  • is() 方法用于查看选择的元素是否匹配选择器。:focus 选择器用于选取获得焦点的元素。

  • 当对象具有焦点时,$(selector).is(":focus")会返回为true,否则返回为false。

更多编程相关知识,请访问:编程视频!!

Atas ialah kandungan terperinci jquery如何判断对象是否获得焦点. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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