首页 > 其他分享 >JS根据id将光标定位到html的元素中

JS根据id将光标定位到html的元素中

时间:2022-09-04 20:22:43浏览次数:75  
标签:hash 元素 element html ys JS id 光标

1 定位到input元素中

var element = document.getElementById(ys_id);//ys_id为传入的html元素的id
element.focus();
View Code

2 定位到div元素中

window.location.hash = "#"+ys_id;//ys_id是div元素d额id
 element.classList.add("focusColor");
View Code

3 当鼠标移动到当前元素或离开当前元素的时候执行的函数

<div class="col-xs-2 div_css" onm ouseout="Out(this)">
      <input class="input_css" autocomplete="off" placeholder="请输入" type="text"  name="jgmc" id="jgmc" disabled>
</div>
//js
//失去焦点
function Out(element) {
    var id = element.id;
    if(id == "icu" || id == "sscz" || id == "cyzd"){
         window.location.hash = "";
     }
    element.classList.remove("focusColor");
}
//其中icu以及sscz等元素为div元素,之前光标定位使用的
//是window.location.hash = "#"+ys_id
//则在让其失去光标的时候需要删除hash;
View Code

 

标签:hash,元素,element,html,ys,JS,id,光标
From: https://www.cnblogs.com/daytoy105/p/16655933.html

相关文章

  • frida 动态检测工具集
    frida是面向开发、反向工程、安全研究的动态检测工具集特性脚本化可移植强,支持多种语言的免费完备的测试说明frida核心部分基于c编写,使用quickjs注入到目标进......
  • js的数组操作方法大全
    js中数组的操作方法大全常见的一些数组操作push,pop,unshift,shiftpush语法array.push(item1,item2,...,itemX)push()方法:可以将一个或者更多的参数添加在数组的尾部......
  • 领域最全!多传感器融合方法综述!(Camera/Lidar/Radar等多源异构数据)
    点击进入→自动驾驶之心技术交流群后台回复【ECCV2022】获取ECCV2022所有自动驾驶方向论文!自动驾驶中的多传感器融合原文:Multi-SensorFusioninAutomatedDriving:A......
  • 使用 fetch + React.js 调用 REST API
    JSON:PlaceholderJSON:Placeholder(https://jsonplaceholder.typicode.com/)是一个用于测试的RESTAPI网站。以下使用RxJS6+React.js调用该网站的RESTAPI,......
  • 关于 JSON 引号问题
    JSON的字符串中,字符串的引号必须用单引号,内部的键值必须用双引号importjsonstr='{"a":123,"b":"456"}'str=json.loads(str)print(str)#{'a':123,'b':'4......
  • springboot Invalid bound statement (not found): com.xx.dao.%Dao.login
    解决方法:需要注意一下application.xml配置文件的MyBatis的配置的mapper-locations的路径参考的这篇博客:(133条消息)Invalidboundstatement(notfound):com.exampl......
  • android 存储
    Androiddeveloper数据和文件存储概览AndroidgetExternalStorageDirectory()和getExternalFilesDir()的区别Android文件存储路径getFilesDir()与getExternalFilesDir......
  • 解决js对Long型数据进行处理时精度丢失的问题
    自定义消息转换器,将消息转换器追加到mvc框架的转换器集合中 步骤:1、首先在mvc配置类(WebMvcConfig)中重写“extendMessageConverters”方法,这是扩展mvc的消息转换器,可以在......
  • DOM css js 执行顺序
    DOM、CSS、JS的执行顺序js放在head中会立即执行,会阻塞后续的资源下载与执行。因为js有可能会修改dom,如果不阻塞后续的资源下载,dom的操作顺序不可控。2.js的执行依赖前......
  • python读取xlsx文件并转化为 json 数据
    fromopenpyxlimportload_workbookimportosfromreimportfindallimportjson#读取所有的sheet目录defread_xlsx(path="./"):lis=os.listdir(path)......