ES6 动态标签页的删除(e.stopPropagation(); 防止冒泡)

在这里插入图片描述

  1. 目的:当我们删除了选中状态的这个 li 的时候, 让它的前一个li 处于选定状态 click() 方法
		index--;
        // 手动添加点击事件 不需要点击触发
        that.lis[index].click();

在这里插入图片描述 .解决当 index- - 小于0出现的bug

that.lis[index] && that.lis[index].click();

在这里插入图片描述
目的:当我们删除的不是选中状态的 li 的时候,让原来的选中的li保持不变

		if (document.querySelector('.liactive')) return;
        // 当我们删除了选中状态的这个li 的时候, 让它的前一个li 处于选定状态
        index--;
        // 手动添加点击事件 不需要点击触发
        that.lis[index] && that.lis[index].click();

在这里插入图片描述

  1. ondlbclick() 双击事件
    如果双击文字,会默认选定文字,此时需要双击禁止选中文字
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
  1. 双击后生成一个文本框
 this.innerHTML = '<input type="text" />';
  1. 双击禁止选中文字
window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
  1. 让文本框里面的文字处于选定状态 select() 方法
	 input.select();
  1. 鼠标弹起离开事件 onblur
	 Element.onblur = function(){}
  1. 手动调用表单失去焦点事件 不需要鼠标离开操作 this.blur();
  2. 键盘弹起事件 onkeyup(); 回车键的 keyCode 值为13
    Element.onkeyup = function(){}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值