如何在Javascript中发布没有表单标记的表单？

声明

到目前为止，这段代码仍然有效，但我希望不使用

…

我需要在javascript部分更改什么？有什么方法或建议吗

• 使用

  element.onclick（）

  而不是使用

  element.addEventListener（）

期望值

它将能够运行并获得与以前完全相同的结果

请输入位置名称：
转换
刷新页面
纬度：&emsp；
经度：
闭合式地球转换器
//获取位置表
var locationForm=document.getElementById（'locPost'）；
//听取意见
locationForm.addEventListener（“提交”，地理编码）；
功能地理编码（e）{
//防止实际提交
e、 预防默认值（）；
变量位置=document.getElementById（'getGPS'）。值；
axios.get（）https://maps.googleapis.com/maps/api/geocode/json', {
参数：{
地址:地址:，
key:'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'//将您的Google API密钥粘贴到此处！
}
})
.然后（功能（响应）{
//拉长
var-latpos=response.data.results[0].geometry.location.lat；
var lngpos=response.data.results[0].geometry.location.lng；
document.getElementById（'latte'）。value=latpos；
document.getElementById（'longer'）。value=lngpos；
})
}

在按钮上添加一个事件侦听器，并在其单击时调用geocode函数：

请输入位置名称：
转换
刷新页面
纬度：&emsp；
经度：
闭合式地球转换器
//获取位置表
var button=document.getElementById（'convert'）；
//听取意见
按钮。addEventListener（“单击”，地理编码）；
功能地理编码（e）{
//防止实际提交
e、 预防默认值（）；
变量位置=document.getElementById（'getGPS'）。值；
axios.get（）https://maps.googleapis.com/maps/api/geocode/json', {
参数：{
地址:地址:，
key:'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'//将您的Google API密钥粘贴到此处！
}
})
.然后（功能（响应）{
//拉长
var-latpos=response.data.results[0].geometry.location.lat；
var lngpos=response.data.results[0].geometry.location.lng；
document.getElementById（'latte'）。value=latpos；
document.getElementById（'longer'）。value=lngpos；
})
}

您必须收听合适的按钮单击事件，而不是表单提交事件。但您仍然可以使用addeventlistener来实现这一点，无需将其切换为其他语法。问题是为什么？我闻到一个X/Y问题