我可以使用jquery或jquery mobile在启动画面中监听任何类型的事件

时间:2012-03-09 04:53:34

标签: jquery jquery-mobile

我想在我的应用中显示启动画面。 此启动画面应在任何用户事件或5秒后消失。

我浏览了一些我们可以监听事件的文章,但是我们应该在那里指定事件名称。有什么方法可以听任何类型的活动吗?

1 个答案:

答案 0 :(得分:2)

这样的事情有用吗?

JS:

function bindEventTouch(element) {
    element.bind('tap taphold swipe swiperight swipeleft', function(event, ui) {
       alert('Event: '+event.type); 
    });
}

// List of events: http://api.jquery.com/category/events/
function bindEvents(element) {
    element.bind('click change dblclick submit', function(event) {
        alert('Element Id: '+$(element).attr('id')+' Event: '+event.type);
    });
}

//bindEventTouch($('#display-event'));
//bindEvents($('#display-event'));

$('.displayEvent').each(function(){
    bindEvents($(this));
});

HTML

<div data-role="page" id="home"> 
    <div data-role="content">
        <div id="display-event-1" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
        <br />
        <div id="display-event-2" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
        <br />
        <div id="display-event-3" class="add-border displayEvent">
            <p>Tap, TapHold (for 1 second), Swipe, SwipeRight or SwipeLeft</p>
        </div>
    </div>
</div>​