jQuery

最新推荐文章于 2024-09-09 09:35:48 发布

她于星河之处

最新推荐文章于 2024-09-09 09:35:48 发布

阅读量373

点赞数

文章标签： jquery javascript ecmascript

本文链接：https://blog.csdn.net/a526498268464/article/details/121235235

版权

1.传统绑定事件与监听事件的区别

.addEventListener("事件类型不带on",function(){})

区别：

传统绑定事件只能执行一个函数

如果要用事件监听绑定多个函数的话

会一一执行

let button = document.getElementsByTagName("button");
button[0].onclick = function (ev){
    alert("我是1")
}
button[1].onclick = function (ev){
    alert("我是11")
}
button[1].addEventListener("click",function (ev){
    alert("我是2")
})
button[1].addEventListener("click",function (ev){
    alert("我是22")
})

空格定位搜索框

.focus()

let input = document.getElementsByTagName("input")
document.addEventListener("keyup",function (ad){
    if (ad.keyCode===32){
        input[0].focus()
    }
})

移动鼠标挂件

<head>
<style>
        img{
            position: absolute;
            width: 50px;
            height: 50px;
        }
    </style>
</head>
<body>
<img src="img.jpg" alt="">
<script>
    let img = document.getElementsByTagName("img")
    document.addEventListener("mousemove", function (ad){
        img[0].style.left = ad.pageX-25+"px"
        img[0].style.top = ad.pageY-25+"px"
    })
</script>   
</body>

字符串去除空格

<script>
    let string = "我是孔某父亲  "
    console.log(string)
    //去除首尾空格 trim()
    string = string.trim()
    console.log(string)
    //去除所有空格 replace()
    string = string.replace("","")
    console.log(string)
</script>

她于星河之处

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery

1.传统绑定事件与监听事件的区别.addEventListener("事件类型不带on",function(){})区别：传统绑定事件只能执行一个函数如果要用事件监听绑定多个函数的话会一一执行let button = document.getElementsByTagName("button");button[0].onclick = function (ev){ alert("我是1")}button[1].onclick = function (ev){ ...
复制链接

扫一扫