C 知道

消息
创作中心
m0_46075468 2022-07-26 02:38 采纳率: 89.3%
浏览 40
已结题

onblur和onkeydown冲突问题

onkeydown和onblur冲突问题，onkeydown一个function，onblur也有一个function，两个function是同一个function，只要我回车就会调用两次funtion，应该怎么解决，我不想删除onkeydown里的function然后只剩下onblur里面的function，调用okeydown的时候更换焦点调用onblur，我想既能实现回车调用function也可以失去焦点调用function，同时调用onkeydown只走onkeydown不触碰onblur，onblur只调用onblur不触碰onkeydown，无论我回车还是失去焦点，都只走一遍function，求解决办法

  • 写回答

2条回答 默认 最新

  • 黎明不管黑夜的星空 2022-07-26 05:18
    关注

    jQuery：bind方法绑定事件

    // 常规写法：
var count = 0;
$(".btn").bind("click mouseenter mouseleave",function(event){
    // 事件类型(行为)
    var origType = event.handleObj.origType;
    // 判断事件类型
    if(origType == "click"){
        count ++;
        console.log("click",count);
        if(count == 5){
            // $(".btn").unbind("click");//解绑点击事件
            $(".btn").unbind();//解绑所有的事件
        }
    }else if(origType == "mouseleave"){
        console.log("mouseleave");
    }
})
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    m0_46075468 2022-07-26 07:21

    if(count==5)那段是什么意思呀，没理解，还有就是如果我想如果使用这个当我onkeydown的时候解绑onblur，onblur的是偶解绑onkeydown可以这么写吗

    赞
    回复
    黎明不管黑夜的星空 回复 m0_46075468 2022-07-26 07:46

    count那个是解绑事件，我之前用来尝试解绑事件的，你应该用不上，直接使用外面那个if和else if 判断是什么事件就行了，
    这个是直接判断你执行的是什么事件，然后在这个事件里面你是做什么，你把click那些替换成你需要的事件

    赞
    回复
    黎明不管黑夜的星空 回复 m0_46075468 2022-07-26 08:01

    这个应该可以了 你自己运行看看效果

    
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" class="input">
    <script src="./jquery.min.js"></script>
    <script>
        $(".input").bind("blur keydown", function (event) {
            var origType = event.handleObj.origType;
            // 判断事件类型
            if (origType == "blur") {
                console.log("blur");
            } else if (origType == "keydown") {
                if (event.keyCode == 13) {
                    console.log("keydown");
                    this.blur();
                }
            }

        })
    </script>
</body>

</html>

    赞
    回复
    展开全部4条评论
查看更多回答(1条)
编辑
预览

报告相同问题？

  • JavaScript核心 DOM 和 BOM操作
    2022-07-23 12:53
    捣蛋龙的博客 JavaScript核心 DOM 和 BOM操作 含案例
  • 编程常用英语单词，文末有我工作中收集的自用的
    2019-04-16 07:30
    OCEAN__的博客 代码是由英语组成的，所以，学习编程，英语至关重要，并不是说英语不好编程能力就不行，英语不好的人编程能力牛逼的人大有人在。但是懂点还是好的吧，掌握的英语单词越多，开发效率会一定程度上有所提高的。 public...
  • es6类方法面对对象编程--文本自定义选项卡
    2020-08-18 09:03
    Alan Liu6的博客 es6类方法面对对象编程–文本自定义选项卡案例 文本自定义选项卡案例es6类方法面对对象编程--文本自定义选项卡案例效果图`HTML`代码`CSS`代码`javascript`代码 效果图 HTML代码 <!DOCTYPE html> <...
  • 解决input的回车enter和失焦blur冲突问题：实现回车保存，blur还原编辑内容功能...
    2017-03-17 12:35
    weixin_33928467的博客 问题点：input的回车enter和失焦blur冲突问题：实现回车保存，blur还原编辑内容功能 要实现需求： 1、回车键保存编辑内容 2、input框失去焦点后，不保存编辑内容，还原为原来内容。 如下图所示： 编程...
  • 学习「JavaScript高级设计语言」 ‘入门-深入‘ 一篇就够用 「坚持学习」+「收藏」
    2022-01-11 07:40
    冯世昭的博客 编程：就是让计算机为解决某个问题而使用某个程序设计语言编写程序代码，并最终得到结果的过程。 计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制...
  • JavaScript高级开发必备：Bom和Dom全解析
    2022-12-23 13:17
    会思想的苇草i的博客 JavaScript BOM（浏览器对象模型）和DOM（文档对象模型）是前端开发中的两个重要概念。BOM是用于操作浏览器窗口、浏览器历史记录和浏览器位置等的API，而DOM则是用于操作HTML和XML文档中的元素和属性的API。通过使用...
  • java基础入门题库，Java面试常见题
    2024-04-18 10:13
    2401_84412653的博客 与自身的style属性 优先级:自身的style属性大于>id>class>标签 Id: #div的 id { } Class: .div的class{ } Div{ } Javascript操作BOM,DOM，事件 JS：基于对象(不需要new,直接把对象拿来用)和事件驱动的一门语言,应用...
  • Java_Web
    2023-09-16 11:40
    没有心肝，只有干的博客 // 的话，他会自动跳转到这个地址 DOM 操作 1、将标记语言的各个部分封装为对应的对象 2、javaScript通过DOM 就能够改变 HTML中的内容、样式、对事件作出反应、以及添加和删除HTML元素 一、获取dom对象 DOCTYPE ...
  • 【前端】【JavaScript】基础知识
    2023-02-05 15:48
    码字小萌新♡的博客 ECMAScript：规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。 DOM：通过DOM提供的接口可以对页面上的各种元素进行操作(大小，位置，颜色等) BOM：是指浏览器对象模型，它提供了...
  • js理论考核知识点
    2022-03-07 09:22
    1122三34的博客 目录 3/ JavaScript 什么是js？Js的特点是什么？ Js的两要素是什么？ ...Js由哪三部分组成？...Dom和bom的区别 ...访问节点和创建节点的方法都有什么？...说明全局变量和局部变量的作用范围和生命周期
  • 看完这篇JavaScript工作中的问题迎刃而解
    2022-07-03 04:29
    野生java研究僧的博客 JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容...为了解决前端验证的问题，当时的浏览器巨头NetScape（网景）公司就开发出一种脚本语言，起初命名为L
  • Js基础知识总结
    2022-06-23 08:49
    Chen__sir__的博客 Js学习阶段所遇见的问题和笔记总结
  • 一个合格的初级前端工程师需要掌握的模块笔记
    2021-02-04 01:43
    掘金-我是哪吒的博客 文章目录一个合格的初级前端工程师需要掌握的模块笔记前言Web模块html基本结构标签属性事件属性文本标签多媒体标签列表表格表单标签其他语义化...HTML5 新增元素HTML5 表单相关元素和属性css3CSS3 新增选择器CSS3 新增属
  • JS基础到结束知识详细大汇总
    2022-03-16 10:07
    甜宝小妮儿的博客 js的全称叫javascript，它是一门弱类型、松散型的编程语言。 2：js的作用？ 完成数据交互，完成页面效果。 3：js的特点： 简单性、动态性、安全性、跨平台性 4：js的组成部分： a:dom （文档对象模型） b:bom ...
  • 复习javascript入门到精通
    2022-02-15 10:21
    码上流星&洒下星辰的博客 javascript是最流行的语言之一，是一种运行在客户端（自己的电脑）的脚本语言，现也可以基于nodejs技术进行服务器编程 脚本语言：不需要编译，执行过程中由js引擎逐行进行解释并执行 javascript的主要作用 最初...
  • DOM编程
    2011-05-03 11:52
    bart2011的博客  onkeydown 键盘按键按下  onkeyup 键盘按键弹起  onkeypress 键盘击键（按下后弹起） 对象属性：  1) location对象：设置/返回当前网页URL信息  href属性：可使用window.location.href="url";载入新...
  • BOM和DOM
    2021-03-24 08:16
    大仙～猛的博客 1.API 应用程序编程接口，提供的一种工具，以便于实现想要的功能，只需会用。 2.Web API 是–浏览器–提供的一套操作浏览器功能和页面元素得到API，alert属于浏览器API，用于实现页面的交互效果。WebAPI一般有输入...
  • Javascript总结
    2021-11-26 06:02
    初见766的博客 java 和 javascript 没有关系 雷锋和雷峰塔 解决表单提交验证 ie: JScript 1997年, 欧洲计算机制造商协会(ECMA) 以JavaScript1.1为蓝本 定义了语法规范 ECMAScript javascript和ECMAScript的关系 前者...
  • JavaScript基础语法ECMAScript和Web APIs
    2020-03-05 10:36
    new_ajax的博客 类C，Java风格的编程语言 动态语言，动态数据类型，可以动态执行 基于原型的面向对象编程语言（针对ES6之前的版本） 主要应用场景： 浏览器端，表单校验，用户交互 网页特效 服务端开发：NodeJS 桌面开发：...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 8月2日
  • 已采纳回答 7月26日
  • 修改了问题 7月26日
  • 修改了问题 7月26日
  • 展开全部
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区，与千万技术人共成长

专业的中文 IT 技术社区，与千万技术人共成长

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

 客服 返回
顶部