给我写一段原生js事件委托的代码

好的，以下是一段原生js事件委托的代码：

document.addEventListener('click', function(event) {
  if (event.target.matches('.my-class')) {
    // 在这里写你想要执行的代码
  }
});

这段代码会在整个文档上监听 click 事件，当点击的元素匹配选择器 '.my-class' 时，就会执行你想要执行的代码。这种方式可以避免给每个元素都绑定事件处理函数，提高性能。

相关问题

用原生js帮我写一段 移动端 手机拍照 相册照片上传的代码

好的，以下是一段原生JS代码，可以实现在移动端上传手机拍照或相册照片：

// 获取input元素
var input = document.querySelector('input[type="file"]');

// 监听input元素的change事件
input.addEventListener('change', function() {
  // 获取选中的文件
  var file = input.files[];

  // 创建FormData对象
  var formData = new FormData();

  // 将选中的文件添加到FormData对象中
  formData.append('file', file);

  // 发送POST请求
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload');
  xhr.send(formData);
});

需要注意的是，这段代码只是上传文件的基本实现，具体的上传逻辑需要根据实际情况进行修改。

写一个原生js代码 获取ajax请求

以下是一个使用原生 JavaScript 获取 AJAX 请求的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 在这里处理返回的数据
    console.log(response);
  }
};

xhr.send();

在这个示例中，我们使用 `XMLHttpRequest` 对象创建了一个 AJAX 请求。我们使用 `open()` 方法指定了请求的类型（GET）、URL（https://api.example.com/data）和异步标志（true 表示异步）。然后，我们定义了一个 `onreadystatechange` 事件处理函数，它会在请求状态发生变化时被调用。

当请求状态为 4（即完成）且响应状态码为 200（即成功）时，我们将返回的数据解析为 JSON 格式，并在控制台打印出来。你可以根据实际需求修改代码来处理返回的数据，例如更新页面内容、显示错误消息等。

最后，我们使用 `send()` 方法发送请求。

请注意，这只是一个基本的示例，实际情况可能需要根据你的具体需求进行修改和扩展。