DataTransfer.getData()优化过滤拖拽内容实例页面

效果：

拖动下面手机号码到输入框中：

132-0803-3621

代码：

HTML代码：

<p>拖动下面手机号码到输入框中：</p>
<p>132-0803-3621</p>
<p><input id="input" placeholder="拖到这里来"></p>

JS代码：

input.addEventListener('drop', function (event) {
    // 获取拖拽文本内容
    var text = event.dataTransfer.getData('text');
    if (this.value == '' && text.match(/\d/g) && text.match(/\d/g).length == 11) {
        event.preventDefault();
        input.value = text.replace(/\D/g, '');
        input.select();
    }
});