jQuery 触发事件 移动端和pc端的区别

 jQuery 触发事件 移动端和pc端的区别

mousedown	event.pageX
mousemove	event.pageX
mouseup	          event.pageX
touchstart	event.originalEvent.touches[0].pageX  &  event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX
touchmove	event.originalEvent.touches[0].pageX  &  event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX
touchend	event.originalEvent.changedTouches[0].pageX  &  event.originalEvent.targetTouches[0].pageX

  其中关于touch触摸事件的触摸列表:

    touches :当前位于屏幕上的所有手指的一个列表。
    targetTouches :位于当前DOM元素上的手指的一个列表。
    changedTouches :涉及当前事件的手指的一个列表。

html5 点击播放video的方法

html5 点击播放video的方法

 <video  videosrc="{$vo.shipinurl}" controls="" x5-playsinline="" playsinline="" webkit-playsinline="" poster="">
          </video>

      var videosrc=$(this).parents('.shipincontainer').find('video').attr('videosrc');
        $(this).parents('.shipincontainer').find('video').attr('src',videosrc);
        $(this).parents('.shipincontainer').find('video')[0].play();

ps:事先不能把地址src写上 不然浏览器肯定会尝试加载 会影响整体页面加载时间

php 5.5使用 array_column的方法

php 5.5使用 array_column的方法
 public function array_column($input, $columnKey, $indexKey = null)
    {
        $columnKeyIsNumber = (is_numeric($columnKey)) ? true : false;
        $indexKeyIsNull    = (is_null($indexKey)) ? true : false;
        $indexKeyIsNumber  = (is_numeric($indexKey)) ? true : false;
        $result            = array();
        foreach ((array) $input as $key => $row) {
            if ($columnKeyIsNumber) {
                $tmp = array_slice($row, $columnKey, 1);
                $tmp = (is_array($tmp) && !empty($tmp)) ? current($tmp) : null;
            } else {
                $tmp = isset($row[$columnKey]) ? $row[$columnKey] : null;
            }
            if (!$indexKeyIsNull) {
                if ($indexKeyIsNumber) {
                    $key = array_slice($row, $indexKey, 1);
                    $key = (is_array($key) && !empty($key)) ? current($key) : null;
                    $key = is_null($key) ? 0 : $key;
                } else {
                    $key = isset($row[$indexKey]) ? $row[$indexKey] : 0;
                }
            }
            $result[$key] = $tmp;
        }
        return $result;
    }

jquery判断手指滑动方向

jquery判断手指滑动方向

    /*判断哪个滑动方向还是自己改下  要么上下 要么左右*/
    var startX;
    var startY;
    $(".shanghua").on("touchstart", function(e) {
        // 判断默认行为是否可以被禁用
        if (e.cancelable) {
            // 判断默认行为是否已经被禁用
            if (!e.defaultPrevented) {
                e.preventDefault();
            }
        }
        startX = e.originalEvent.changedTouches[0].pageX;
        startY = e.originalEvent.changedTouches[0].pageY;
        console.log('startX:' + startX);
        console.log('startY:' + startY);
    });
    $(".shanghua").on("touchend", function(e) {
        // 判断默认行为是否可以被禁用
        if (e.cancelable) {
            // 判断默认行为是否已经被禁用
            if (!e.defaultPrevented) {
                e.preventDefault();
            }
        }
        var moveEndX = e.originalEvent.changedTouches[0].pageX;
        var moveEndY = e.originalEvent.changedTouches[0].pageY;
        console.log('moveEndX:' + moveEndX);
        console.log('moveEndY:' + moveEndY);
        var X = moveEndX - startX;
        var Y = moveEndY - startY;
        //下滑
        if (Y > 0) {
            alert('下滑');
        }
        //上滑
        else if (Y < 0) {
            alert('上滑');
        }
    });