📜  如何使用 JavaScript / jQuery 检查大写锁定是否打开/关闭?

📅  最后修改于: 2022-05-13 01:56:00.460000             🧑  作者: Mango

如何使用 JavaScript / jQuery 检查大写锁定是否打开/关闭?

工作是使用 JavaScript 和 jQuery 确定大写锁定打开还是关闭

使用 JavaScript 检查大写锁定是否打开/关闭:

  • addEventListener() 方法:此方法向文档添加事件处理程序。

    句法:

    document.addEventListener(event, function, useCapture)
    

    参数:



    • 事件:此参数是必需的。它指定字符串,事件的名称。
    • 函数:此参数是必需的。它指定事件发生时要运行的函数。当事件发生时,一个事件对象作为第一个参数传递给函数。类型取决于指定的事件。例如,“click”事件属于 MouseEvent 对象。
    • useCapture:该参数是可选的。它指定一个布尔值,这意味着事件应该在捕获阶段还是在冒泡阶段执行。
      • true:事件处理程序在捕获阶段执行。
      • false:事件处理程序在冒泡阶段执行。

示例 1:此示例向文档添加了一个事件侦听器,当它发生时,它会调用一个匿名函数来处理此事件。它通过使用按钮的keyCode来检查它是否是 CAPS LOCK 或 SHIFT 键。

 
 
     
         
            Check caps lock is on or not
             
     
      
    
           
        

              GeeksForGeeks          

                   

        

                   

        

                                               

输出:

  • 在单击文档之前:
  • 点击文档后:

示例 2:此示例向文档添加了一个事件侦听器,当它发生时,它会检查是否按下了 CAPS LOCK。

 
 
     
         
            Check caps lock is on or not
             
     
      
    
           
        

              GeeksForGeeks          

                   

        

                   

        

                                               

输出:

  • 在单击文档之前:
  • 点击文档后:

使用 jQuery 检查大写锁定是否打开/关闭:

  • jQuery on() 方法:该方法为被选元素和子元素添加一个或多个事件处理程序。

    句法:

    $(selector).on(event, childSelector, data, function, map)

    参数:

    • 事件:此参数是必需的。它指定一个或多个事件或命名空间以附加到所选元素。如果有多个事件值,它们之间用空格分隔。事件必须是有效的。
    • childSelector:这个参数是可选的。它指定事件处理程序应该只附加到定义的子元素。
    • 数据:该参数是可选的。它指定要传递给函数的附加数据。
    • 函数:此参数是必需的。它指定事件发生时要运行的函数。
    • map:它指定了一个事件映射({event:func(), event:func(), ...})具有一个或多个要添加到所选元素的事件,以及在事件发生时运行的函数。
  • JavaScript String toUpperCase() 方法:此方法将字符串转换为大写字母。

    句法:

    string.toUpperCase()

    返回值:它返回一个字符串,表示转换为大写的字符串的值。

  • JavaScript String toLowerCase() 方法:此方法将字符串转换为小写字母。

    句法:

    string.toLowerCase()

    返回值:它返回一个字符串,表示转换为小写的字符串的值。

示例 1:此示例向文档正文添加了一个事件侦听器,当它发生时,它调用一个匿名函数来处理此事件。它通过使用toUpperCase(), toLowerCase() 和 shiftkey来检查它是否是 CAPS LOCK 或 SHIFT 键。

 
 
     
         
            Check caps lock is on or not
        
          
         
     
  
     
  
        

              GeeksForGeeks          

           

        

           

        

                                       

输出:

  • 在文档上打字之前:
  • 在文档上键入后:

示例 2:此示例与前一个示例执行相同的操作,但采用不同的方法。向文档添加一个事件侦听器,当它发生时,它会检查是否按下了 CAPS LOCK。

 
 
     
         
            Check caps lock is on or not
        
          
         
     
  
     
  
        

              GeeksForGeeks          

           

        

                   

        

                                               

输出:

  • 在文档上打字之前:
  • 在文档上键入后: