❶ android和h5交互，js怎么在android端打印日志
Android和H5之间的交互hybridApp开发也不是什么新鲜事了，其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的？1、webView加载页面我们都知道在Android中是通过webView来加载html页面的，根据HTML文件所在的位置不同写法也不同：//例如：加载assets文件夹下的test.html页面mWebView.loadUrl("file:///android_asset/test.html")//例如：加载网页mWebView.loadUrl("")如果只是这样调用mWebView.loadUrl()加载的话,那么当你点击页面中的链接时，页面将会在你手机默认的浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){mWebView.loadUrl(url);returntrue;}}});2、Android本地通过Java调用HTML页面中的JavaScript方法想要调用js方法那么就必须让webView支持WebSettingswebSettings=mWebView.getSettings();//设置为可调用js方法webSettings.setJavaScriptEnabled(true);若调用的js方法没有返回值，则直接可以调用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法；若有返回值时我们可以调用mWebView.evaluateJavascript()方法：mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});js代码如下：2、js调用Android本地Java方法在Android4.2以上可以直接使用@JavascriptInterface注解来声明，下面是在一个本地Java方法publicclassJsInteration{@(){return"helloworld";}}定义完这个方法后再调用mWebView.addJavascriptInterface()方法：mWebView.addJavascriptInterface(newJsInteration(),"android");那么在js中怎么来调用呢？4、拦截HTML页面中的点击事件mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){//判断url拦截事件if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});以上就是Java调用js方法以及js调用Java方法的实现交互方式中的一种。下面给出完整代码：{publicstaticfinalStringTAG="MainActivity";privateWebViewmWebView;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mWebView=(WebView)findViewById(R.id.webView);mWebView.loadUrl("file:///android_asset/test.html");WebSettingswebSettings=mWebView.getSettings();webSettings.setJavaScriptEnabled(true);mWebView.addJavascriptInterface(newJsInteration(),"android");mWebView.setWebViewClient(newWebViewClient(){@(WebViewview,Stringurl){if(url.equals("file:///android_asset/test2.html")){Log.e(TAG,"shouldOverrideUrlLoading:"+url);startActivity(newIntent(MainActivity.this,Main2Activity.class));returntrue;}else{mWebView.loadUrl(url);returnfalse;}}});}//Android调用有返回值js方法@TargetApi(Build.VERSION_CODES.KITKAT)publicvoidonClick(Viewv){mWebView.evaluateJavascript("sum(1,2)",newValueCallback(){@(Stringvalue){Log.e(TAG,"onReceiveValuevalue="+value);}});}publicclassJsInteration{@(){return"helloworld";}}}test.html调用本地方法点击
❷ 寻求一个 手机端的 js 长按一个div 3秒 然后进行页面跳转。
<! HTML>
<html>
<head>
<title>鼠标长按事件</title>
<script>
var num = 0 ;
function whichElement(e){
var timer_alert = setTimeout(function() {
if(e.which==1) {
num++
if(num==2){
num=0;
window.location.href='http://www.163.com';
}else{
whichElement( e );
}
}
}, 3000) ;
}
</script>
</head>
<body>
<div style="border:1px solid #E0E0E0;width:150px;height:150px;" onmousedown="whichElement(event)">
</div>
</body>
</html>
❸ 苹果手机如何运行js脚本运行
1、首先打开苹果手机，并进入浏览器主页。
2、其次点击敬渗浏览器的脚本运行功能。
3、最后键竖导入稿稿大js脚本，进行运行即可。
❹ 手机端如何用JS实现触屏
//html5新增touch事件
//禁用手机默认的触屏滚动行为
document.addEventListener('touchmove',function(event){
event.preventDefault();
},false);
//touchstart事件
functiontouchSatrtFunc(evt){
try{
//evt.preventDefault();//阻止触摸时浏览器的缩放、滚动条滚动等
vartouch=evt.touches[0];//获取第一个触点
varx=Number(touch.pageX);//页面触点X坐标
vary=Number(touch.pageY);//页面触点Y坐标
//记录触点初始位置
startX=x;
startY=y;
}catch(e){
alert('touchSatrtFunc：'+e.message);
}
}
//touchmove事件，这个事件无法获取坐标
functiontouchMoveFunc(evt){
try{
//evt.preventDefault();//阻止触摸时浏览器的缩放、滚动条滚动等
vartouch=evt.touches[0];//获取第一个触点
varx=Number(touch.pageX);//页面触点X坐标
vary=Number(touch.pageY);//页面触点Y坐标
//document.getElementById("version").innerHTML="原:"+startY+""+"现:"+y;
//判断滑动方向
if(y-startY>100){
swipeDown();
}elseif(y-startY<-100){
swipeUp();
}
}catch(e){
alert('touchMoveFunc：'+e.message);
}
}
//touchend事件
functiontouchEndFunc(evt){
try{
//evt.preventDefault();//阻止触摸时浏览器的缩放、滚动条滚动等
}catch(e){
alert('touchEndFunc：'+e.message);
}
}
//绑定事件
functionbindEvent(){
document.addEventListener('touchstart',touchSatrtFunc,false);
document.addEventListener('touchmove',touchMoveFunc,false);
document.addEventListener('touchend',touchEndFunc,false);
}
//判断是否支持触摸事件
functionisTouchDevice(){
//document.getElementById("version").innerHTML=navigator.appVersion;
try{
document.createEvent("TouchEvent");
//alert("支持TouchEvent事件！");
bindEvent();//绑定事件
}catch(e){
alert("不支持TouchEvent事件！"+e.message);
}
}