Поскольку я пытаюсь понять html / javascript / vue, я натолкнулся на следующий фрагмент кода.
<input type="text" onInput="doAction(event);">
<script>
var mesdata = {
message: 'type your message'
};
var app = new Vue ({
el: '#app',
data: mesdata
})
function doAction(content){
mesdata.message = content.target.value;
}
</script>
Я также увидел следующее, которое достигло того же результата
<input type="text" onInput="doAction(this);">
<script>
... same as above ...
function doAction(content){
mesdata.message = content.value;
}
</script>
Играя с content.type
, я понял, что передаю тип ввода и тип текста.
Я могу понять использование this
, но хотел бы знать, где event
пришел. Пока я искал в w3 школьном определении события onInput , я не увидел ни одного проходимого аргумента. Что стоит знать об этих определениях аргументов каждого события?
Кроме того, какую профилактическую меру можно предпринять, чтобы избежать несоответствия типов?