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

来源:互联网 发布:win8网络点不了 编辑:程序博客网 时间:2024/05/16 11:32

//移动端页面适配
(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);})

})

原创粉丝点击