2017-02-16 59 views
1

当站点位于大屏幕内时,我不想触发内部onclick =“”的链接。有没有一种很好的方法来使onclick =“”有条件的基础上的大小?

<a href="https://www.facebook.com/LasCrucesOralFacialSurgery/" onclick="window.open('fb://profile/163825970332372')">Facebook</a> 
+2

你可以使用多条链路无线第三方CSS媒体查询只显示适当的,或更改'onclick'到一些js函数,它会在执行适当的操作之前检查屏幕尺寸。 – CollinD

回答

1

也许你可以使用在你检查屏幕尺寸的funtion,如果有你想那么大小触发“window.open”与否

<a href="https://www.facebook.com/LasCrucesOralFacialSurgery/" onclick="getScreenSize()">Facebook</a> 

,并在你的JavaScript代码

function getScreenSize() { 
    // in pixels 
    if (screen.width < 400 || screen.height < 400) 
     window.open('fb://profile/163825970332372') 
} 

对于屏幕对象的更多信息:https://www.w3schools.com/js/js_window_screen.asp

+0

太棒了!这工作恰到好处。 – user6146289

+0

@ user6146289很高兴它有帮助,你会介意标记答案作为你的问题的解决方案:),谢谢! – karkazz

相关问题