elementplus的tab怎么加鼠标划过事件

Posted 2023-05-17

参考技术A 1、跳格。当我们在网页输入表单的时候，在一个输入控件完成内容输入后，如果要转移到下一个控件进行输入时，可以选择使用鼠标进行光标的移动选择和点击，使得光标停在我们输入框中，以便进行内容的输入。如果不使用鼠标的话，可以点击使用Tab键，来实现光标在页面上所有可输入控件间的依次跳转，对于喜欢使用快捷键来加快操作的电脑使用者而言，挺方便的。

2、重命名。当我们需要将一个文件夹下的多个文件进行重命名操作的时候，我们可以先在完成第一个需要重命名的文件改名之后，改下Tab键，即可依次跳转到下一个文件的重命名状态。也是一种很方便的快捷操作方式。

3、切换窗口。使用Alt+Tab组合快捷键，能够实现当前多个窗口的依次切换。按住Alt键，依次点击Tab键，即可实现依次切换功能。如果要反向顺序选择的话，可以使用Alt+Shift+Tab的组合键，按住Alt+Shift，然后再依次点击Tab键。

4、快速查看文件。在cmd命令窗口，当进入一个磁盘路径后，可以输入“dir ”，然后点击Tab键，那么就依次显示出在该磁盘路径下的各种类型的所有文件或者文件夹内容。

鼠标划过显示浮层

/**
* 鼠标移上去显示层
* @param divId 显示的层ID
* @returns
*/
$.fn.myHoverTip = function(divId) {
var div = $("#" + divId); //要浮动在这个元素旁边的层
div.css("position", "absolute");//让这个层可以绝对定位
var self = $(this); //当前对象
self.hover(function() {
div.css("display", "block");
var p = self.offset(); //获取这个元素的left和top
var x = p.left + self.width();//获取这个浮动层的left
var docWidth = $(document).width();//获取网页的宽
if (x > docWidth - div.width() - 20) {
x = p.left - div.width();
}
div.css("left", x);
div.css("top", p.top);
div.show();
},
function() {
div.css("display", "none");
}
);
return this;
}