吃瓜一览：
js中blur和click事件的冲突
1、第一个问题出在，onblur事件一直绑定着，因此只要你在输入框之外任何位置点击都会导致事件执行，就算你在searchbutton点击之后使输入框获得了焦点，可是事件代码已经执行了，所以到了时间就隐藏了。因为click事件比blur事件晚执行，从而无法识别到是不是点击span按钮导致的blur。
2、用一个隐藏[文]Input，j[章]s进行赋值为1[来]，写一个fun[自]ction检测[吃]，提交后才设置[瓜]为0，同时触发[网]两次虽然时间段[文]，在前端还是可[章]以判断如果等于[来]1就不提交，等[自]于0继续提交。[吃]
3、按回车之所[瓜]以会再次创建是[网]因为，你点击按[文]钮的时候把焦点[章]也弄到按钮上了[来]，如果只是希望[自]不安回车。那么[吃]用blur（）[瓜]事件，把焦点失[网]去就可以了，或[文]者focus（[章]）到另一个按钮[来]上。如果你只是[自]想要执行一次，[吃]那么你可以加一[瓜]个公共变量当做[网]锁。
4、尝试在各个浏览器下都运行了一下您的代码，发现您的代码在firefox可以完成双击变色过程，在别的浏览器下都无法正确展示。据推测您的用意是双击对象后，将对象背景色改变，然后再绑定新的事件，当onblur是执行背景再次变色，您的问题出在第二次的事件绑定上，您的语法不能有效为主对象进行事件定义。
JS,Vue2,事件处理,计算属性,监视属性,class与style绑定
1、代码解释： HTML 代码中，我们通过 classObject 给 p 绑定样式。 JS 代码 第 6-11 行，我们定义了计算属性 classObject，它返回一个对象，该对象有两个属性： 属性 show，值为 true， 属性 text-danger，值为 false。
2、操作元素的[文] class 列表和内联样式[章]是数据绑定的一[来]个常见需求。因[自]为它们都是 attribu[吃]te，所以我们[瓜]可以用 v-bind 处理它们：只需[网]要通过表达式计[文]算出字符串结果[章]即可。不过，字[来]符串拼接麻烦且[自]易错。因此，在[吃]将 v-bind 用于 class 和 style 时，Vue.j[瓜]s 做了专门的增强[网]。
3、摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求，频繁操作dom元素会降低javascript性能，为了实现高性能js，动态绑定class和style是高素养程序员的必选。本文以React-JSX语法为基础，结合其它框架的实现方法，介绍如何实现ClassName 与 Style 的动态绑定。
JS事件的默认行为有哪些
很多的网页元素都会有默认的行为，比如说当你点击一下超链接a标签的时候，它会有一个跳转的行为；当你在网页上点鼠标右键时会出现一个右键菜；当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页，当你网页上滚动鼠标滚轮时，网页的滚动条会动等等。
默认行为，举个[文]例子就是jav[章]ascript[来]在最初规定的时[自]候a标签点击o[吃]nclick事[瓜]件默认就是执行[网]跳转到指定页面[文]的动作。但是j[章]s良好的扩展性[来]决定提供了一个[自]onclick[吃]方法是可以重写[瓜]的。就是你可以[网]改变这个默认动[文]作。然后让原来[章]的动作失效，从[来]而执行你想要的[自]动作。为什么要[吃]加return[瓜] false. 这就是执行控制[网]。
默认行为是啥？[文]a标签可以点击[章]？input type = text可以输[来]入内容，单纯的[自]js能干啥？至[吃]少在浏览器上p[瓜]都干不了，它得[网]通过html来[文]发挥它的作用啊[章]。
默认行为就是浏[来]览器直接把表单[自]提交，并依照h[吃]tml上的属性[瓜]，以在原页面打[网]开/在新页面打[文]开/作为下载文[章]件下载等方式处[来]理浏览器的响应[自]。js就完全无[吃]法处理这些行为[瓜]。
preventDefault是阻止默认行为，touch事件的默认行为就是滚动。event.preventDefault（）；案例：下面给出一个案例，需在移动设备上才能看出效果。
prevent[网]Default[文]它是事件对象（[章]Event）的[来]一个方法，作用[自]是取消一个目标[吃]元素的默认行为[瓜]。既然是说默认[网]行为，当然是元[文]素必须有默认行[章]为才能被取消，[来]如果元素本身就[自]没有默认行为，[吃]调用当然就无效[瓜]了。什么元素有[网]默认行为呢？如[文]链接，提交按钮[章]等。
发表评论