用jQuery重写。 chaBtn.addEventListener('click', cancelFn) cancel.addEventListener('click', cancelFn) function cancelFn() { film.style.display = 'none' enter.removeAttribute('data-id') }
时间: 2024-02-18 07:01:31 浏览: 14
使用重写后的代码如下:
```
$(document).on('click', '#chaBtn, #cancel', function() {
cancelFn();
});
function cancelFn() {
$('#film').hide();
$('#enter').removeAttr('data-id');
}
```
这里同样使用了jQuery的事件委托方式,将事件绑定在整个document上,通过选择器来指定目标元素。同时也使用了jQuery的hide方法来隐藏元素,removeAttr方法来移除元素的data-id属性。
相关问题
document.addEventListener click事件获取点击元素定位值
可以使用 event.target 属性来获取被点击的元素,然后再使用该元素的 getBoundingClientRect() 方法获取该元素的位置信息。
示例代码如下:
```javascript
document.addEventListener('click', function(event) {
var target = event.target;
var rect = target.getBoundingClientRect();
console.log(rect.top, rect.right, rect.bottom, rect.left);
});
```
以上代码会在点击任何元素时输出该元素的位置信息。其中,rect.top、rect.right、rect.bottom 和 rect.left 分别表示该元素距离视口顶部、右侧、底部和左侧的距离。
element.addEventListener(“click”,function(){});
这行代码是用来给element元素添加一个点击事件监听器。它的意思是,当element元素被点击时,执行后面传入的匿名函数你可以在这个匿名函数中编写想要执行的代码。例如:
```
const = document.querySelector('#myButton');
button.addEventListener('click', function() {
alert('按钮被点击了!');
});
```
这段代码添加了一个点击事件监听器到id为myButton的按钮元素上。当按钮被点击时,弹出一个警告框提示“按钮被点击了!”。