相关事件及event.keyCode 按键 值/弹窗

//移动端页面适配
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = ‘orientationchange’ in window ? ‘orientationchange’ : ‘resize’,
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 100 * (clientWidth / 750) + ‘px’;
};

if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener(‘DOMContentLoaded’, recalc, false);
})(document, window);

window.addEventListener(‘load’, function () {
FastClick.attach(document.body); //初始化fastclick事件
}, false);

//在移动端的谷歌浏览器控制最小字体不限制于12px
var isChrome = !!window.chrome;
if(isChrome && (window).width() < 360){(‘html’).css(‘-webkit-text-size-adjust’,’none’);
}

(document).ready(function(){  
    //加载头部  
    if(
(‘#header’).length > 0){
$(‘#header’).load(‘headPage.html’);
}

//加载头部导航栏
if($('#navCont').length > 0){
    $('#navCont').load('navPage.html');
}

/*加载底部内容*/
if($('#footer').length > 0){
    $('#footer').load('footPage.html');
}

//返回到页面最顶部
$('#sidebarNav').on('click','#gotopIcon',function(){
    $('html, body').stop().animate({scrollTop:0},500);
})

/**点击微信小图标显示二维码**/
$('#header').on('touchend','.wechat',function(){
    $('.wechatCont').toggle();
    return false;
})
$(document).on('touchend',function(){
    $('.wechatCont').hide();
})
$('#header').on('touchend','.wechatCont',function(){
    return false;
})  
/**点击微信小图标显示二维码 end**/

/**直播大厅js**/
var vipLock = $('#lockTip');
if(vipLock.length > 0){
    $('.liveCont').on('click','.vipLink',function(){           
        var roomUrl = $(this).attr('data');
        var lockTip = $('#lockTip'),lockLink = $('#lockLink');
        lockTip.show(); 
        lockLink.val(roomUrl);
        $('#pwdInp').focus();
    })

    //输入密码进入房间事件
    function enterRoom(){
        var pwdInp = $('#pwdInp');
        var lockLink = $('#lockLink');
        $.ajax({
            type:"get",
            url:"test.txt",
            dataType:'json',
            success:function(result){
                if(pwdInp.val() == result.roomPwd){
                    $('#lockTip').hide();
                    pwdInp.val('');
                    location.href = lockLink.val();
                }
                else{
                    alert('密码输入错误');
                }
            }
        });
    }
    //输入密码进入房间事件 end

    $('#sure').click(function(){
        enterRoom();
    })
    $('#cancel').click(function(){
        $('#lockTip').hide();
        $('#pwdInp').val('');
    })

    $('#lockTip').on('keypress','#pwdInp',function(event){
        var keycode = event.keyCode; //event.keyCode是按键的值,按回车键跳转
        if (keycode == 13){
            enterRoom();
        } 
    })
}
/**直播大厅js end**/

/**精彩回顾视频弹窗js**/
var jchgPlay = $('#jchgPlay');
if(jchgPlay.length > 0){    
    $('.liveCont').on('click','.playback',function(){      
      $('#videoPlay').append('<video src="'+$(this).attr('data-url')+'" controls="controls"</video>');            
        jchgPlay.show();
    })

    $('#jchgPlay .close').on('click',function(){
        $('#videoPlay').empty();
        jchgPlay.hide();
    })
}
/**精彩回顾视频弹窗js end**/

/**搜索房间信息**/
//搜索房间事件
function searchRoom(){
    if($('#searchInp').val() != '搜索房间ID' && $('#searchInp').val() != ""){
        location.href = 'searchRoom.html?Room='+$('#searchInp').val(); 
    }
}
$('#header').on('click','#searchButt',function(){
    searchRoom();
})

$('#header').on('keypress','#searchInp',function(event){
    var keycode = event.keyCode; //event.keyCode是按键的值,按回车键跳转
    if (keycode == 13){
        searchRoom();
    } 
})

if($('#searchVideo').length > 0){   //显示没有搜索结果提示信息
    if($('#searchVideo').children().length < 1){
        $('.liveCont').hide();
        $('#noInfo').show();
    }
}
/**搜索房间信息 end**/

//返回历史上一步
$('header #back').on('click',function(){
    history.go(-1);
})

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值