teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問javascriptで困っています。

編集履歴

質問編集履歴

3

内容を変えました。こちら方が伝わりますでしょうか。

2017/04/20 06:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,112 +1,56 @@
1
1
  マウスがブラウザーの外側から出ると、ポップアップが出るようにしたいです。
2
-
3
- アラートが出るところはまでは、ソースを見つけられました。
4
2
 
5
3
  ```ここに言語を入力
6
4
 
7
- <script type="text/javascript">
8
5
 
9
- function addEvent(obj, evt, fn) {
10
6
 
11
- if (obj.addEventListener) {
7
+ loadEvents: function() {
12
8
 
13
- obj.addEventListener(evt, fn, false);
14
9
 
15
- }
16
10
 
17
- else if (obj.attachEvent) {
11
+ this.addEvent(document, "mouseout", function(e) {
18
12
 
19
- obj.attachEvent("on" + evt, fn);
20
-
21
- }
22
-
23
- }
24
-
25
- addEvent(window,"load",function(e) {
26
-
27
- addEvent(document, "mouseout", function(e) {
28
-
29
- e = e ? e : window.event;
13
+ e = e ? e : window.event;
30
-
31
- var from = e.relatedTarget || e.toElement;
32
-
33
- if (!from || from.nodeName == "HTML") {
34
-
35
- // stop your drag event here
36
-
37
- // for now we can just use an alert
38
-
39
- alert("left window");
40
-
41
- }
42
-
43
- });
44
-
45
- });
46
-
47
- </script>
48
-
49
- ```
50
-
51
- アラート部分を編集出来るようにしたいと思います。
52
-
53
- おそらく、
54
-
55
- alert("left window");
56
-
57
- の部分を、修正して、
58
-
59
- [bioep.min.js](http://beeker.io/exit-intent-popup-script-tutorial)のような、ダイアログが出るように出来ますでしょうか。
60
14
 
61
15
 
62
16
 
63
17
 
64
18
 
19
+ if(e.target.tagName.toLowerCase() == "input")
20
+
21
+ return;
65
22
 
66
23
 
67
- 「ダイアログが出る」コードは、この部分です。
68
24
 
69
- ```ここに言語を入力
25
+ var vpWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
70
26
 
71
- // Show the popup
72
27
 
73
- showPopup: function() {
74
28
 
75
- if(this.shown) return;
29
+ if(e.clientX >= (vpWidth - 50))
76
30
 
77
-
31
+ return;
78
32
 
79
- this.bgEl.style.display = "block";
80
33
 
81
- this.popupEl.style.display = "block";
82
34
 
83
-
35
+ if(e.clientY >= 50)
84
36
 
85
- // Handle scaling
37
+ return;
86
38
 
87
- this.scalePopup();
88
39
 
89
-
90
40
 
91
- // Save body overflow value and hide scrollbars
41
+ var from = e.relatedTarget || e.toElement;
92
42
 
93
- this.overflowDefault = document.body.style.overflow;
43
+ if(!from)
94
44
 
95
- document.body.style.overflow = "hidden";
45
+ bioEp.showPopup();
96
46
 
97
-
98
-
99
- this.shown = true;
47
+ }.bind(this));
100
-
101
- }
102
48
 
103
49
  ```
104
50
 
51
+ 現在は、上方向に出るとポップアップが出ます。
105
52
 
106
-
107
- イメージは、こちらのような感じをしています。
108
-
109
- http://neilpatel.com/
53
+ 左右にマウスが出た時に、ポップアップ出るにはどう記述すれば良いでしょうか。
110
54
 
111
55
 
112
56
 

2

「ダイアログが出る」コードは、を入れました。

2017/04/20 06:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -64,6 +64,46 @@
64
64
 
65
65
 
66
66
 
67
+ 「ダイアログが出る」コードは、この部分です。
68
+
69
+ ```ここに言語を入力
70
+
71
+ // Show the popup
72
+
73
+ showPopup: function() {
74
+
75
+ if(this.shown) return;
76
+
77
+
78
+
79
+ this.bgEl.style.display = "block";
80
+
81
+ this.popupEl.style.display = "block";
82
+
83
+
84
+
85
+ // Handle scaling
86
+
87
+ this.scalePopup();
88
+
89
+
90
+
91
+ // Save body overflow value and hide scrollbars
92
+
93
+ this.overflowDefault = document.body.style.overflow;
94
+
95
+ document.body.style.overflow = "hidden";
96
+
97
+
98
+
99
+ this.shown = true;
100
+
101
+ }
102
+
103
+ ```
104
+
105
+
106
+
67
107
  イメージは、こちらのような感じをしています。
68
108
 
69
109
  http://neilpatel.com/

1

コードをブロックで囲いました。

2017/04/20 05:58

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- jsのアラートが立ち上がるの部分を、編集したいです。
1
+ javascriptで困っています。
test CHANGED
@@ -2,15 +2,7 @@
2
2
 
3
3
  アラートが出るところはまでは、ソースを見つけられました。
4
4
 
5
- アラート部分を編集出来るようにしたいので、bioep.min.js（
6
-
7
- http://beeker.io/exit-intent-popup-script-tutorial）が立ち上がるように出来ますでしょうか。
8
-
9
-
10
-
11
-
12
-
13
- ###該当のソースコード
5
+ ```ここに言語を入力
14
6
 
15
7
  <script type="text/javascript">
16
8
 
@@ -54,6 +46,20 @@
54
46
 
55
47
  </script>
56
48
 
49
+ ```
50
+
51
+ アラート部分を編集出来るようにしたいと思います。
52
+
53
+ おそらく、
54
+
55
+ alert("left window");
56
+
57
+ の部分を、修正して、
58
+
59
+ [bioep.min.js](http://beeker.io/exit-intent-popup-script-tutorial)のような、ダイアログが出るように出来ますでしょうか。
60
+
61
+
62
+
57
63
 
58
64
 
59
65