0.0.2 • Published 3 years ago
haiyan-form-submit v0.0.2
haiyan-form-submit
use
npm i haiyan-form-submit -S
import formSubmit from 'haiyan-form-submit';
const url = 'https://baidu.com';
const data = {
by: 'haiyan-form-submit',
'假装这是 key': '假装有值',
};
formSubmit(url, data);
扩展:关于 javascript 事件触发器 fireEvent 和 dispatchEvent
事件触发器就是用来触发某个元素下的某个事件,IE 下 fireEvent 方法,高级浏览器(chrome,firefox 等)有 dispatchEvent 方法。
一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,或者自带的浏览器行为事件,比如 click,mouseover,load 等等,有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件。这个时候我们可以使用 IE 下 fireEvent 方法,高级浏览器(chrome,firefox 等)有 dispatchEvent 方法。
例如在 ie 下看看这个例子:
//document上绑定自定义事件ondataavailable
document.attachEvent('ondataavailable', function (event) {
alert(event.eventType);
});
var obj = document.getElementById('obj');
//obj元素上绑定click事件
obj.attachEvent('onclick', function (event) {
alert(event.eventType);
});
//调用document对象的createEventObject方法得到一个event的对象实例。
var event = document.createEventObject();
event.eventType = 'message';
//触发document上绑定的自定义事件ondataavailable
document.fireEvent('ondataavailable', event);
//触发obj元素上绑定click事件
document.getElementById('test').onclick = function () {
obj.fireEvent('onclick', event);
};
再看看高级浏览器(chrome,firefox 等)的例子:
//document上绑定自定义事件ondataavailable
document.addEventListener(
'ondataavailable',
function (event) {
alert(event.eventType);
},
false
);
var obj = document.getElementById('obj');
//obj元素上绑定click事件
obj.addEventListener(
'click',
function (event) {
alert(event.eventType);
},
false
);
//调用document对象的 createEvent 方法得到一个event的对象实例。
var event = document.createEvent('HTMLEvents');
// initEvent接受3个参数:
// 事件类型,是否冒泡,是否阻止浏览器的默认行为
event.initEvent('ondataavailable', true, true);
event.eventType = 'message';
//触发document上绑定的自定义事件ondataavailable
document.dispatchEvent(event);
var event1 = document.createEvent('HTMLEvents');
event1.initEvent('click', true, true);
event1.eventType = 'message';
//触发obj元素上绑定click事件
document.getElementById('test').onclick = function () {
obj.dispatchEvent(event1);
};