流水账

Posted 2020-10-03 Ada_Blog

记录一下最近工作中遇到的并解决的问题：

1.复选框的checked属性

  我想做个批量删除的功能，需要先勾选全选按钮，然后表格下方的所有行前面的复选框都会被选中。然后再点击一下上面的全选按钮，下面的复选框又恢复到初始状态。

  实现下方的复选框的选中状态，我第一反应是用$().css("checked","checked").但是失败了。后来想到css()这个方法只能改已有的样式，并不能赋一个属性给元素。

  所以，要用$().prop()，或者$().attr()来设置复选框选中.或取消事件。

2.取消事件

   有个按钮 绑定了点击事件，但是点完后发现只有第一次是正常的，第二次点击表单会提交两次，第三次点击会提交四次，以此递增。。。。。。当时觉得有点懵。想了一下，是不是事件冒泡，所以阻止了事件冒泡。但还是没有用，果断goole一波。发现了一个新知识，取消事件绑定。

   就是说再绑定前，先清空一下。有点像设定定时器时要先清除定时器一样。否则会重复触发。

具体的用法就是$().off("事件名")。

3。添加键盘切换焦点事件

   本来想用enter事件的，但是同事说一般enter就已经提交表单了。后来发现默认的切换事件是tab键。而且用法特别简单，不需要写js，只需要在文本框里加一个TabIndex属性就可以。这个属性的属性值是数字。从-1到32767。-1代表禁用，也就是文本框元素将此属性设为-1后焦点不会停留。0是默认值。数字越大代表越优先，也就是焦点会先出现那个属性值大的框中。通过这个属性可以设置 焦点的移动顺序。

4.还有vue获取data值，应该是 组件名.$data就可以了。以及jQuery用dom的方法，用get（）或者在选择器后面加个【0】。这两个问题先记着吧。因为是比较容易就解决了

嗯！流水账到此结束，晚安！明天又要上班了