当前位置: 首页 > news >正文

哪些网站用django做的狼雨seo网站排名查询

哪些网站用django做的,狼雨seo网站排名查询,网站运营需要 做哪些工作,系统之家win7纯净版一个父组件里面是有各个子组件的form表单组成的。 我想实现点击enter。焦点直接跳转到下一个表单元素。 父组件就是由各个子组件构成 子组件就像下图一样的都有个el-form的表单。 enterToTab.js let enterToTab {}; (function() {// 返回随机数enterToTab.addEnterListener …

一个父组件里面是有各个子组件的form表单组成的。

我想实现点击enter。焦点直接跳转到下一个表单元素。

父组件就是由各个子组件构成

子组件就像下图一样的都有个el-form的表单。

enterToTab.js

let enterToTab = {};
(function() {// 返回随机数enterToTab.addEnterListener = function() {if (window.__completeEnterBind__) return;window.addEventListener("keydown", enterCallback);window.__completeEnterBind__ = true;};enterToTab.removeEnterListener = function() {window.removeEventListener("keydown", enterCallback);window.__completeEnterBind__ = false;};function enterCallback(evt) {
//页面所有的formconst allForms = Array.from(document.querySelectorAll("form"));let currentIndex;//当前操作的表单的索引function getNextElement(field) {var form = field.form;//如果form.elements不存在就去寻找下一个最近的form元素if (form?.elements) {// 找到当前元素所在的表单const currentForm = form.closest("form");currentIndex = allForms.indexOf(currentForm);}for (var e = 0; e < form?.elements.length; e++) {if (field.className.includes("el-radio") &&field.querySelector("input") == form.elements[e]) {break;} else if (field == form.elements[e]) {break;}}if (form?.elements[e + 1] == undefined) {//当前表单的最后一个元素.下一个表单的第一个元素获取焦点if (allForms[currentIndex + 1]) {let next = allForms[currentIndex + 1].querySelector("input");if (next.type == "radio") {//单选框return next.parentElement.parentElement.focus();} else {return next.focus();}}} else {return form?.elements[e + 1];}}if (evt.keyCode === 13) {//document.all可以判断浏览器是否是IE,是页面内所有元素的一个集合var isie = document.all ? true : false;var key;var srcobj;// if the agent is an IE browser, it's easy to do this.if (isie) {key = event.keyCode;srcobj = event.srcElement; //event.srcElement,触发这个事件的源对象} else {key = evt.which;srcobj = evt.target; //target是Firefox下的属性}if (key == 13 &&srcobj.type != "button" &&srcobj.type != "submit" &&srcobj.type != "reset" &&srcobj.type != "") {if (isie) event.keyCode = 9;//设置按键为tab键else {var el = getNextElement(evt.target);if (el?.type != "hidden" &&!el?.disabled //nothing to do here.) {}else{while (el?.type == "hidden" || el?.disabled) el = getNextElement(el);}if (!el) {return false;} else if (el.type == "radio"||el.type=="select") {el.parentElement.parentElement.focus();} else {el.focus();}}}}}
})();
export default enterToTab;

 在各个子组件里面添加

import enterToTab from "@/utils/enterToTab";
mounted() {enterToTab.addEnterListener();
},
beforeDestroy() {enterToTab.removeEnterListener();
},
http://www.dtcms.com/a/526281.html

相关文章:

  • 网站制作公司推荐深圳黑马品牌网站设计
  • 做网站需要字体切换从用户旅程角度做网站分析
  • 橙色主题手机网站希爱力副作用太强了
  • 数字化转型:概念性名词浅谈(第八十讲)
  • 公司注册网站模板长沙口碑好网站建设企业
  • leetcode学习笔记3:轮转数组(多次翻转数组思想)
  • 新手网站建设教程图书宁波企业建站程序
  • 银川做网站建设wordpress多条件过滤
  • 【shell】每日shell练习:系统备份文件管理/系统性能趋势分析
  • 重庆门户网站开发报价app开发公司十强
  • 广东建设协会网站首页关键词推广seo
  • Orleans 配置方式时序图
  • 网站建设 空间杭州 电子商务网站建设 网络服务
  • 有哪些图片设计网站有哪些问题网站权重最高
  • 怎样上传网站到百度wordpress 文章截取
  • 网站建设120wordpress左右
  • 如何上传网站模板如何评价一个网站设计的好坏
  • 苏州做网站费用东莞模板建站平台
  • 个人资质网站做推广wordpress漏洞 2014
  • 小型企业网站建设项目网站整合方案
  • 波音网站开发四川省住房建设厅官网
  • 丰城网站建设厦门专业网站营销
  • 黄山建设网站公司电话号码WordPress程序漏洞
  • 企业网站制作app登录wordpress
  • 门户网站建设 简报上海市工程建设质量管理协会网站
  • 全面解析网站建设及报价企业电子商务网站建设(论文
  • 网站内链案例常德论坛尚一网
  • Kylin Linux Advanced Server V10 上成功安装 NVIDIA Container Toolkit
  • 做货代在哪个网站找客源北京丰台做网站
  • 含山县住房和城乡建设局网站wordpress demo iframe