javascript管理DOM:判断

106 阅读1分钟

判断是否点击的不是el元素

document.addEventListener('click', function (evt) {
    const isClickedOutside = !el.contains(evt.target);
    // isClickedOutside为true,点击不是el元素
});

判断元素是否获取焦点

const hasFocus = el === document.activeElement;

判断是否是IE浏览器

const isIe = function () {
    const ua = window.navigator.userAgent;
    return ua.indexOf('MSIE') > -1 || ua.indexOf('Trident') > -1;
};

判断是否是mac系统的浏览器

const isMacBrowser = /Mac|iPod|iPhone|iPad/.test(navigator.platform);

判断点击鼠标左键还是右键

el.addEventListener('mousedown', function (e) {
    // e.button === 0: 左键被点击
    // e.button === 1: 滚轮被点击
    // e.button === 2: 右键被点击
    // e.button === 3: 返回键被点击
    // e.button === 4: 前进键被点击
});

每天一个javascript操作dom方法,学到了,点个赞吧