<div class="container">
<h1>注册登录</h1>
<form action="" class="form">
<input type="tel" placeholder="请输入手机号" class='tel' id="inputSJH" />
<div class="form-div">
<input type="text" placeholder="请输入验证码" id='inputYZM' class='form-div-input' />
<input type="button" value="获取验证码" class='getNum'>
</div>
<button class='btn-two'>
登录
</button>
</form>
</div>
$(function () {
$('.getNum').click(function () {
$('.getNum').css({"color":"#fff","background-color":"#A0CFFF"});
});
//手机号
$('#inputSJH').focus(function(){
document.body.addEventListener('touchmove', function(e){
console.log(e);
e.preventDefault();
}, { passive: false });
});
$('#inputSJH').blur(function(){
document.addEventListener("touchmove", function(event) {
console.log(event);
event.preventDefault() //不产生作用
}, {passive: true});
});
//验证码
$('#inputYZM').focus(function(){
console.log('inputYZM1')
document.body.addEventListener('touchmove', function(e){
e.preventDefault();
}, { passive: false });
});
$('#inputYZM').blur(function(){
console.log('inputYZM2')
document.addEventListener("touchmove", function(event) {
event.preventDefault() //不产生作用
}, {passive: true});
});
})
