用js实现竖线分割字符串并自动填充相应的输入框

前段时间,有个朋友说,想用js实现输入一段字符串,这个字符用竖线分割成三段,当光标离开input输入框时,自动填充到对应的三个input中,让我想下实现方式。下面是我自己的写的脚本;比较粗糙,大家不要介意。下面是脚本代码:

新建一个静态html文件test.html

<script>
function myFunction(){
var a=document.getElementById(“address”);
var b=document.getElementById(“river”);
var c=document.getElementById(“time”);
var splits = a.value.split(“\|”);
//console.log(splits);
a.value=splits[0];
b.value=splits[1];
c.value=splits[2];
}
</script>
</head>
<body>
地点:<input type=”text” id=”address” onchange=”myFunction()”/>
河段:<input type=”text” id=”river” />
时间:<input type=”text” id=”time” />
</body>

保存,直接双击运行即可。