想使用bind()绑定mouseenter和mouseleave事件，但是无法实现功能

$("p").bind("mouseenter mouseleave",function(e){
    console.log(e.type);   //打印出来的是 mouseover或者mouseout
    var width= event.type =='mouseenter'? 110:100;
});

而使用mouseenter()和mouseleave()则可以

$("p").mouseenter(function(e){
    console.log(e.type);  //打印出来的还是 mouseover而不是mouseenter
    $(this).stop().animate({
        width:110
});

$("p").mouseenter(function(e){
    console.log(e.type);  //打印出来的还是 mouseout而不是mouseleave
    $(this).stop().animate({
        width:100
});

请问如何解决用使用bind()绑定mouseenter和mouseleave事件这个问题？？只能绑定mouseover和mouseout来解决么？？

另外：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave